diff --git a/Thumbs.db b/Thumbs.db
new file mode 100644
index 000000000..3115b0e71
Binary files /dev/null and b/Thumbs.db differ
diff --git a/about.html b/about.html
index ed1c3f6d9..0b201fcec 100644
--- a/about.html
+++ b/about.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -14,7 +14,7 @@
 <ul class="navbar-btngroup row ml-auto"><li class="nav-item"> <div class="invitation-codes"> <a class="btn invitation-codes-badge" href="https://invitation.codes/@chriskyfung" data-type data-vars-event-label="Invitation Code Button" aria-label="invitation.codes - link opens in a new tab" title="invitation.codes - Open in New Tab" rel="noopener noreferrer" target="_blank"> <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment-alt-dots" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width:20px"> <path fill="currentColor" d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm16 352c0 8.8-7.2 16-16 16H288l-12.8 9.6L208 428v-60H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h384c8.8 0 16 7.2 16 16v288zM128 176c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32z" class=""/> </svg> </a>
 </div> </li><li class="nav-item"> <a class="gh-style btn btn-block" style="margin: 2px 0" aria-label="Sponsor @chriskyfung" target="_top" href="https://github.com/sponsors/chriskyfung?o=esb"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart icon-sponsor color-fg-sponsors"> <path fill-rule="evenodd" d="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z"/> </svg> <span>Sponsor</span> </a> </li><li class="nav-item"> <button type="button" on="tap:amp-searchbar" id="toggle-search" class="btn btn-primary" data-toggle="modal" data-target="#searchbar" title="search" accesskey="/"> <i class="fas fa-search"></i> </button> </li> </ul> </div>  </div> </nav> <amp-lightbox scrollable id="amp-searchbar" layout="nodisplay" animate-in="fade-in" hidden="hidden" class="i-amphtml-layout-nodisplay" i-amphtml-layout="nodisplay"> <div class="modal-dialog modal-lg">  <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Search for</h5> <button class="close" type="button" on="tap:amp-searchbar.close" aria-label="Close Search Modal" tabindex="-1">×</button> </div> <div class="modal-body"> <div class="search_form"> <form method="GET" action="/search" target="_top"> <amp-autocomplete class="searchbox i-amphtml-layout-container" filter="substring" src="/assets/data/suggestions.json" i-amphtml-layout="container"> <input class="form-control" name="q" type="search" placeholder="Search" required> </amp-autocomplete> <input hidden name="sitesearch" value="chriskyfung.github.io"> <button class="btn btn-primary" type="submit">Search</button> </form> </div> </div> </div> </div> </amp-lightbox>   <div class="site-content"> <div class="container">  <div class="main-content" style="margin-top: 88px;"> <main class="col-md-8 col-lg-8"> <h1 class="posttitle">About</h1> <div class="article-post"> <div class="row post-top-meta"> <div class="col-md-2"> <amp-img class="author-thumb i-amphtml-layout-fixed i-amphtml-layout-size-defined" src="https://www.gravatar.com/avatar/abd876486b2caa54b43bf64a5a86f620?s=250&amp;d=mm&amp;r=x" width="72" height="72" alt style="width:72px;height:72px;" i-amphtml-layout="fixed"></amp-img> </div> <div class="col-md-10"> <a target="_blank" class="link-dark" href="https://en.gravatar.com/chrisfungky"></a><a target="_blank" href="https://www.facebook.com/chriskyfung/" class="btn follow">Follow</a> <span class="author-description">Author of this blog, M.Phil.</span> </div>
 </div> <p>Hi, my name is Chris KY FUNG, an individual researcher in Engineering living in Hong Kong. Well, I am not a proficient programmer, but I frequently code for my engineering research projects. I mainly used MATLAB when I was studying my MPhil in Computational Intelligence. After graduated, I had participated research on atomistic simulation of material processing with molecular dynamics (MD) for six years. To conduct such huge simulations, I had to deal and play with Linux servers and High-Performance Computing (HPC). My job also included developing models and data analysis with various programming languages.</p> <p>Being the exploration of molecular dynamics simulations, I am lucky to touch and use the high-performance computing (HPC) facilities in our university. I believe that HPC will be an essential weapon for various areas, including research, finance, business, etc. Thanks for the efforts of many researchers who developed the codes and tools, which make us more easily analyze and/or simulate the experimental data. I wish I will be able to deliver my research outputs and contribute to the successive development in HPC applications for science too.</p> <p>The research experience lets me know that programming and computer skills become increasingly important for a wide variety of student and research projects. Many students and researchers are, however, lack of a strong background in computer programming. The computer issues kill a lot of their time and energy, when they have to review papers, conduct experiments, and writing reports and theses. This GitHub Page is to share my programming and computer skills as well as research experience for solving their headaches.</p> <p><br></p> <p><i class="fa fa-id-card-o"></i> <strong>Public Profiles:</strong></p> <ul> <li><i class="fa fa-graduation-cap"></i> <a href="https://scholar.google.com.hk/citations?user=UxJpoYcAAAAJ"><strong>Google Scholar</strong></a></li> <li><i class="fas fa-flask"></i> <a href="https://www.qwiklabs.com/public_profiles/c2765684-379a-4aa7-89bc-0182cc5a01be"><strong>Qwiklabs</strong></a></li> <li><i class="fab fa-microsoft"></i> <a href="https://docs.microsoft.com/en-us/users/chriskyfung/"><strong>Microsoft Learn</strong></a></li>
-</ul> <hr> <p>I am also a maker and the founder of a local community, called <a href="https://craftweeks.com/en/">Craftweeks</a>. You may also visit craftweeks.com and <a href="https://www.youtube.com/channel/UCGlT2itihZuRxMckNcfcA3A">the YouTube channel</a>, if you’re interested in designing and making things.</p> <h2 id="vision">Vision</h2> <p>Computer programming is one important ability necessary for scientific research. It is not only useful in data analytics and simulations, but also helpful to automate and streamline our daily and research tasks.</p> <p>I hope all of us can share ideas, codes, tips here, and collaborate to make our programming tasks easier soon.</p> </div></main> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+</ul> <hr> <p>I am also a maker and the founder of a local community, called <a href="https://craftweeks.com/en/">Craftweeks</a>. You may also visit craftweeks.com and <a href="https://www.youtube.com/channel/UCGlT2itihZuRxMckNcfcA3A">the YouTube channel</a>, if you’re interested in designing and making things.</p> <h2 id="vision">Vision</h2> <p>Computer programming is one important ability necessary for scientific research. It is not only useful in data analytics and simulations, but also helpful to automate and streamline our daily and research tasks.</p> <p>I hope all of us can share ideas, codes, tips here, and collaborate to make our programming tasks easier soon.</p> </div></main> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/assets/images/hanuman.png b/assets/images/hanuman.png
deleted file mode 100644
index b7836ad09..000000000
Binary files a/assets/images/hanuman.png and /dev/null differ
diff --git a/assets/images/hanuman.webp b/assets/images/hanuman.webp
deleted file mode 100644
index 5199b8e05..000000000
Binary files a/assets/images/hanuman.webp and /dev/null differ
diff --git a/assets/images/radhakrishna.jpg b/assets/images/radhakrishna.jpg
deleted file mode 100644
index 444207784..000000000
Binary files a/assets/images/radhakrishna.jpg and /dev/null differ
diff --git a/assets/images/radhakrishna.webp b/assets/images/radhakrishna.webp
deleted file mode 100644
index 532bbecd0..000000000
Binary files a/assets/images/radhakrishna.webp and /dev/null differ
diff --git a/assets/images/shiva.jpg b/assets/images/shiva.jpg
deleted file mode 100644
index 8823d284f..000000000
Binary files a/assets/images/shiva.jpg and /dev/null differ
diff --git a/assets/images/shiva.thumb.jpg b/assets/images/shiva.thumb.jpg
deleted file mode 100644
index 4fdeaf017..000000000
Binary files a/assets/images/shiva.thumb.jpg and /dev/null differ
diff --git a/assets/images/shiva.thumb.webp b/assets/images/shiva.thumb.webp
deleted file mode 100644
index 6ab462f55..000000000
Binary files a/assets/images/shiva.thumb.webp and /dev/null differ
diff --git a/assets/images/shiva.webp b/assets/images/shiva.webp
deleted file mode 100644
index eff71db64..000000000
Binary files a/assets/images/shiva.webp and /dev/null differ
diff --git a/blog/2014/06/13/How-to-Send-a-Notification-from-a-LAMMPS-Simulation-to-Your-Email.html b/blog/2014/06/13/How-to-Send-a-Notification-from-a-LAMMPS-Simulation-to-Your-Email.html
index 90bd1be90..ab027700b 100644
--- a/blog/2014/06/13/How-to-Send-a-Notification-from-a-LAMMPS-Simulation-to-Your-Email.html
+++ b/blog/2014/06/13/How-to-Send-a-Notification-from-a-LAMMPS-Simulation-to-Your-Email.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -25,18 +25,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in How to Send a Notification from a LAMMPS Simulation to Your Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in How to Send a Notification from a LAMMPS Simulation to Your Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in How to Send a Notification from a LAMMPS Simulation to Your Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in How to Send a Notification from a LAMMPS Simulation to Your Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in How to Send a Notification from a LAMMPS Simulation to Your Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in How to Send a Notification from a LAMMPS Simulation to Your Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in How to Send a Notification from a LAMMPS Simulation to Your Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in How to Send a Notification from a LAMMPS Simulation to Your Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in How to Send a Notification from a LAMMPS Simulation to Your Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in How to Send a Notification from a LAMMPS Simulation to Your Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in How to Send a Notification from a LAMMPS Simulation to Your Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in How to Send a Notification from a LAMMPS Simulation to Your Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in How to Send a Notification from a LAMMPS Simulation to Your Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/2014/07/04/Creating-an-array-of-SJR-widget-for-visual-comparison-of-journal-ranks.html b/blog/2014/07/04/Creating-an-array-of-SJR-widget-for-visual-comparison-of-journal-ranks.html
index 6ebcd9530..687d8af76 100644
--- a/blog/2014/07/04/Creating-an-array-of-SJR-widget-for-visual-comparison-of-journal-ranks.html
+++ b/blog/2014/07/04/Creating-an-array-of-SJR-widget-for-visual-comparison-of-journal-ranks.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -21,18 +21,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Creating an array of SJR widget for visual comparison of journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Creating an array of SJR widget for visual comparison of journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Creating an array of SJR widget for visual comparison of journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Creating an array of SJR widget for visual comparison of journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Creating an array of SJR widget for visual comparison of journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Creating an array of SJR widget for visual comparison of journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Creating an array of SJR widget for visual comparison of journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Creating an array of SJR widget for visual comparison of journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Creating an array of SJR widget for visual comparison of journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Creating an array of SJR widget for visual comparison of journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Creating an array of SJR widget for visual comparison of journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Creating an array of SJR widget for visual comparison of journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Creating an array of SJR widget for visual comparison of journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/2014/07/12/Tip-for-scripting-LAMMPS-Create-And-Rename-A-Folder-Based-On-The-Input-Variables.html b/blog/2014/07/12/Tip-for-scripting-LAMMPS-Create-And-Rename-A-Folder-Based-On-The-Input-Variables.html
index e41a3a318..6ba92de49 100644
--- a/blog/2014/07/12/Tip-for-scripting-LAMMPS-Create-And-Rename-A-Folder-Based-On-The-Input-Variables.html
+++ b/blog/2014/07/12/Tip-for-scripting-LAMMPS-Create-And-Rename-A-Folder-Based-On-The-Input-Variables.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -49,18 +49,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Tip for scripting LAMMPS: Create And Rename A Folder Based On The Input Variables" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Tip for scripting LAMMPS: Create And Rename A Folder Based On The Input Variables" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Tip for scripting LAMMPS: Create And Rename A Folder Based On The Input Variables" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Tip for scripting LAMMPS: Create And Rename A Folder Based On The Input Variables" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Tip for scripting LAMMPS: Create And Rename A Folder Based On The Input Variables" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Tip for scripting LAMMPS: Create And Rename A Folder Based On The Input Variables" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Tip for scripting LAMMPS: Create And Rename A Folder Based On The Input Variables" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Tip for scripting LAMMPS: Create And Rename A Folder Based On The Input Variables" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Tip for scripting LAMMPS: Create And Rename A Folder Based On The Input Variables" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Tip for scripting LAMMPS: Create And Rename A Folder Based On The Input Variables" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Tip for scripting LAMMPS: Create And Rename A Folder Based On The Input Variables" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Tip for scripting LAMMPS: Create And Rename A Folder Based On The Input Variables" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Tip for scripting LAMMPS: Create And Rename A Folder Based On The Input Variables" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/2014/08/22/My-new-conference-paper-is-now-available-online.html b/blog/2014/08/22/My-new-conference-paper-is-now-available-online.html
index b64b710c2..8bb0eb95e 100644
--- a/blog/2014/08/22/My-new-conference-paper-is-now-available-online.html
+++ b/blog/2014/08/22/My-new-conference-paper-is-now-available-online.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -25,18 +25,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in My APEA conference paper is now available on Scientific.Net" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in My APEA conference paper is now available on Scientific.Net" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in My APEA conference paper is now available on Scientific.Net" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in My APEA conference paper is now available on Scientific.Net" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in My APEA conference paper is now available on Scientific.Net" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in My APEA conference paper is now available on Scientific.Net" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in My APEA conference paper is now available on Scientific.Net" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in My APEA conference paper is now available on Scientific.Net" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in My APEA conference paper is now available on Scientific.Net" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in My APEA conference paper is now available on Scientific.Net" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in My APEA conference paper is now available on Scientific.Net" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in My APEA conference paper is now available on Scientific.Net" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in My APEA conference paper is now available on Scientific.Net" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/2014/09/12/My-trip-of-AEPA-2014-conference.html b/blog/2014/09/12/My-trip-of-AEPA-2014-conference.html
index 033a66348..646b65082 100644
--- a/blog/2014/09/12/My-trip-of-AEPA-2014-conference.html
+++ b/blog/2014/09/12/My-trip-of-AEPA-2014-conference.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -21,18 +21,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in My conference trip for AEPA 2014" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in My conference trip for AEPA 2014" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in My conference trip for AEPA 2014" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in My conference trip for AEPA 2014" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in My conference trip for AEPA 2014" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in My conference trip for AEPA 2014" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in My conference trip for AEPA 2014" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in My conference trip for AEPA 2014" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in My conference trip for AEPA 2014" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in My conference trip for AEPA 2014" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in My conference trip for AEPA 2014" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in My conference trip for AEPA 2014" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in My conference trip for AEPA 2014" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/2014/10/05/An-Inspiring-TED-video-talking-about-how-we-should-rethink-about-the-unknown-in-the-postgraduate-or-research-study.html b/blog/2014/10/05/An-Inspiring-TED-video-talking-about-how-we-should-rethink-about-the-unknown-in-the-postgraduate-or-research-study.html
index 798f0c929..778c02b5f 100644
--- a/blog/2014/10/05/An-Inspiring-TED-video-talking-about-how-we-should-rethink-about-the-unknown-in-the-postgraduate-or-research-study.html
+++ b/blog/2014/10/05/An-Inspiring-TED-video-talking-about-how-we-should-rethink-about-the-unknown-in-the-postgraduate-or-research-study.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -13,7 +13,7 @@
 </li></ul>
 <ul class="navbar-btngroup row ml-auto"><li class="nav-item"> <div class="invitation-codes"> <a class="btn invitation-codes-badge" href="https://invitation.codes/@chriskyfung" data-type data-vars-event-label="Invitation Code Button" aria-label="invitation.codes - link opens in a new tab" title="invitation.codes - Open in New Tab" rel="noopener noreferrer" target="_blank"> <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment-alt-dots" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width:20px"> <path fill="currentColor" d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm16 352c0 8.8-7.2 16-16 16H288l-12.8 9.6L208 428v-60H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h384c8.8 0 16 7.2 16 16v288zM128 176c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32z" class=""/> </svg> </a>
 </div> </li><li class="nav-item"> <a class="gh-style btn btn-block" style="margin: 2px 0" aria-label="Sponsor @chriskyfung" target="_top" href="https://github.com/sponsors/chriskyfung?o=esb"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart icon-sponsor color-fg-sponsors"> <path fill-rule="evenodd" d="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z"/> </svg> <span>Sponsor</span> </a> </li><li class="nav-item"> <button type="button" on="tap:amp-searchbar" id="toggle-search" class="btn btn-primary" data-toggle="modal" data-target="#searchbar" title="search" accesskey="/"> <i class="fas fa-search"></i> </button> </li> </ul> </div>  </div> </nav> <amp-lightbox scrollable id="amp-searchbar" layout="nodisplay" animate-in="fade-in" hidden="hidden" class="i-amphtml-layout-nodisplay" i-amphtml-layout="nodisplay"> <div class="modal-dialog modal-lg">  <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Search for</h5> <button class="close" type="button" on="tap:amp-searchbar.close" aria-label="Close Search Modal" tabindex="-1">×</button> </div> <div class="modal-body"> <div class="search_form"> <form method="GET" action="/search" target="_top"> <amp-autocomplete class="searchbox i-amphtml-layout-container" filter="substring" src="/assets/data/suggestions.json" i-amphtml-layout="container"> <input class="form-control" name="q" type="search" placeholder="Search" required> </amp-autocomplete> <input hidden name="sitesearch" value="chriskyfung.github.io"> <button class="btn btn-primary" type="submit">Search</button> </form> </div> </div> </div> </div> </amp-lightbox>   <div class="site-content"> <div class="container">  <div class="main-content" style="margin-top: 88px;">  <div class="row"> <div id="post" class="col-md-8 col-lg-8"> <div class="mainheading">  <div class="after-post-tags"> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div>   <h1 class="posttitle">An Inspiring TED video talking about how we should rethink about the unknown in the postgraduate or research study</h1> </div>   <p> <small> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2014-10-05T00:00:00+08:00" itemprop="datePublished" title="Published on">05 Oct 2014</time></div> </small> </p> <div class="article-post"><p>Prof. Uri Alon gave an inspiring talk in TED. He pointed out what most PhD students face in their postgraduate studies. We traditionally think science should be objective and rational. There should be a straight forward path going from questions to answers. But Aion this is rarely the situation in real life. He and he found many colleagues and his students feel depression and frustration because many times the things can go wrong. For example, experiments generate unexpected results. Then, the research becomes to get away from the path and go into messy and unknown status, that he called a cloud.</p>  <p>However, Aion advocates that is an amazing part of science. When you accept the unknown and search the path in the cloud. You may eventually go through the boundary of the unknown and come up with a different answer, which is usually more interesting than the answer that expected in the original path. This comes up that we should overcome our fear of the unknown, and go forward to embrace it.</p> 
-<amp-youtube id="yt-F1U26PLiXjM" width="480" height="270" layout="responsive" data-videoid="F1U26PLiXjM" title="Uri Alon: Why truly innovative science demands a leap into the unknown" data-vars-video-title="Uri Alon: Why truly innovative science demands a leap into the unknown" data-vars-video-url="https://www.youtube.com/watch?v=F1U26PLiXjM" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=F1U26PLiXjM" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
+<amp-youtube id="yt-F1U26PLiXjM" width="480" height="270" layout="responsive" credentials="omit" data-videoid="F1U26PLiXjM" title="Uri Alon: Why truly innovative science demands a leap into the unknown" data-vars-video-title="Uri Alon: Why truly innovative science demands a leap into the unknown" data-vars-video-url="https://www.youtube.com/watch?v=F1U26PLiXjM" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=F1U26PLiXjM" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
 </amp-youtube>  <hr> <p><strong>Related</strong>: <a href="/blog/2014/07/04/Creating-an-array-of-SJR-widget-for-visual-comparison-of-journal-ranks">Creating an array of SJR widget for visual comparison of journal ranks</a></p> <div class="clearfix"></div> </div>  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/how-to-research/">How to research</a></small> </li><li> <small><a href="/tag/ted/">TED</a></small> </li></ul> </div>   <div class="row PageNavigation mt-4 prevnextlinks"><div class="col-md-6 rightborder pl-0"> <a class="thepostlink" href="/blog/2014/09/12/My-trip-of-AEPA-2014-conference">&laquo; My conference trip for AEPA 2014</a> </div><div class="col-md-6 text-right pr-0"> <a class="thepostlink" href="/blog/matlab/file-io-and-file-system-in-matlab">File I/O and File System in MATLAB &raquo;</a> </div></div>  <div class="row post-top-meta"> <div class="col-md-2"> <amp-img class="author-thumb i-amphtml-layout-fixed i-amphtml-layout-size-defined" width="72" height="72" src="https://www.gravatar.com/avatar/abd876486b2caa54b43bf64a5a86f620?s=250&d=mm&r=x" alt="Chris F." style="width:72px;height:72px;" i-amphtml-layout="fixed"></amp-img> </div> <div class="col-md-10"> <a class="link-dark" href="https://en.gravatar.com/chrisfungky" rel="noopener" target="_blank">Chris F.</a><a href="https://www.facebook.com/chriskyfung/" class="btn follow" rel="noopener" target="_blank">Follow</a> <span class="author-description">Author of this blog, M.Phil.</span> </div> </div> <section> <div id="comments"><div class="disqus"> <amp-iframe width="600" height="580" layout="responsive" data-block-on-consent-purposes="functional" sandbox="allow-scripts allow-same-origin allow-modals allow-popups allow-forms" resizable src="https://chriskyfung.gitlab.io/disqus-amp/?url=https://chriskyfung.github.io/blog/2014/10/05/An-Inspiring-TED-video-talking-about-how-we-should-rethink-about-the-unknown-in-the-postgraduate-or-research-study&title='An+Inspiring+TED+video+talking+about+how+we+should+rethink+about+the+unknown+in+the+postgraduate+or+research+study'" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:96.6667%"></i-amphtml-sizer> <div overflow style="background-color: #0003;display: block;position: relative;"> <button class="btn btn-dark" aria-label="Load more comments" tabindex="0" style="margin: .5em 50%; transform: translateX(-50%);"> Load more </button> </div> <div placeholder>Loading Disqus Comments...</div> <div fallback> Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a> </div> </amp-iframe>
 </div></div> </section>  </div>  <div class="col-md-4 col-lg-4 right-sidebar"><div class="sidebar"> <h2 class="sr-only">Sidebar</h2> <div aria-label="featured posts" class="sidebar-section"> <h3><span>Featured</span><span class="sr-only"> Posts</span></h3> <section class="featured-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp335-cover.thumb.webp" alt="Image in An Inspiring TED video talking about how we should rethink about the unknown in the postgraduate or research study" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp335-cover.thumb.png" alt="Image in An Inspiring TED video talking about how we should rethink about the unknown in the postgraduate or research study" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab">☁ Secure Workloads in Google Kubernetes Engine: Challenge Lab | l...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i><i class="fas fa-sync-alt fa-xs" aria-hidden="true" style="color:#0293d8;margin-left:-.5em;vertical-align:bottom"></i> <time datetime="2021-06-27T15:00:00+08:00" itemprop="dateModified" title="Updated on">27 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
@@ -23,18 +23,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in An Inspiring TED video talking about how we should rethink about the unknown in the postgraduate or research study" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in An Inspiring TED video talking about how we should rethink about the unknown in the postgraduate or research study" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in An Inspiring TED video talking about how we should rethink about the unknown in the postgraduate or research study" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in An Inspiring TED video talking about how we should rethink about the unknown in the postgraduate or research study" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in An Inspiring TED video talking about how we should rethink about the unknown in the postgraduate or research study" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in An Inspiring TED video talking about how we should rethink about the unknown in the postgraduate or research study" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in An Inspiring TED video talking about how we should rethink about the unknown in the postgraduate or research study" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in An Inspiring TED video talking about how we should rethink about the unknown in the postgraduate or research study" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in An Inspiring TED video talking about how we should rethink about the unknown in the postgraduate or research study" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in An Inspiring TED video talking about how we should rethink about the unknown in the postgraduate or research study" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in An Inspiring TED video talking about how we should rethink about the unknown in the postgraduate or research study" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in An Inspiring TED video talking about how we should rethink about the unknown in the postgraduate or research study" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in An Inspiring TED video talking about how we should rethink about the unknown in the postgraduate or research study" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='F1U26PLiXjM']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='F1U26PLiXjM']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='F1U26PLiXjM']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='F1U26PLiXjM']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='F1U26PLiXjM']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='F1U26PLiXjM']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='F1U26PLiXjM']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='F1U26PLiXjM']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/2015/11/27/OVITO-The-Open-Visualization-Tool-Version-261-has-been-released.html b/blog/2015/11/27/OVITO-The-Open-Visualization-Tool-Version-261-has-been-released.html
index d99417a72..6f569eeb8 100644
--- a/blog/2015/11/27/OVITO-The-Open-Visualization-Tool-Version-261-has-been-released.html
+++ b/blog/2015/11/27/OVITO-The-Open-Visualization-Tool-Version-261-has-been-released.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -21,18 +21,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in OVITO - The Open Visualization Tool - Version 2.6.1 - has been released" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in OVITO - The Open Visualization Tool - Version 2.6.1 - has been released" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in OVITO - The Open Visualization Tool - Version 2.6.1 - has been released" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in OVITO - The Open Visualization Tool - Version 2.6.1 - has been released" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in OVITO - The Open Visualization Tool - Version 2.6.1 - has been released" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in OVITO - The Open Visualization Tool - Version 2.6.1 - has been released" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in OVITO - The Open Visualization Tool - Version 2.6.1 - has been released" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in OVITO - The Open Visualization Tool - Version 2.6.1 - has been released" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in OVITO - The Open Visualization Tool - Version 2.6.1 - has been released" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in OVITO - The Open Visualization Tool - Version 2.6.1 - has been released" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in OVITO - The Open Visualization Tool - Version 2.6.1 - has been released" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in OVITO - The Open Visualization Tool - Version 2.6.1 - has been released" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in OVITO - The Open Visualization Tool - Version 2.6.1 - has been released" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/2015/11/27/template-OVITO-python-modifier.html b/blog/2015/11/27/template-OVITO-python-modifier.html
index e2571de8f..a5304b910 100644
--- a/blog/2015/11/27/template-OVITO-python-modifier.html
+++ b/blog/2015/11/27/template-OVITO-python-modifier.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -49,18 +49,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in [template] OVITO python modifier" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in [template] OVITO python modifier" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in [template] OVITO python modifier" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in [template] OVITO python modifier" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in [template] OVITO python modifier" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in [template] OVITO python modifier" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in [template] OVITO python modifier" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in [template] OVITO python modifier" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in [template] OVITO python modifier" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in [template] OVITO python modifier" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in [template] OVITO python modifier" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in [template] OVITO python modifier" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in [template] OVITO python modifier" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/2016/01/18/Installation-of-Andriod-Studio.html b/blog/2016/01/18/Installation-of-Andriod-Studio.html
index 862d39145..0b2e6777a 100644
--- a/blog/2016/01/18/Installation-of-Andriod-Studio.html
+++ b/blog/2016/01/18/Installation-of-Andriod-Studio.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -25,18 +25,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Installation of Android Studio and SDK Tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Installation of Android Studio and SDK Tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Installation of Android Studio and SDK Tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Installation of Android Studio and SDK Tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Installation of Android Studio and SDK Tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Installation of Android Studio and SDK Tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Installation of Android Studio and SDK Tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Installation of Android Studio and SDK Tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Installation of Android Studio and SDK Tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Installation of Android Studio and SDK Tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Installation of Android Studio and SDK Tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Installation of Android Studio and SDK Tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Installation of Android Studio and SDK Tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/2017/02/26/new-site-is-opened.html b/blog/2017/02/26/new-site-is-opened.html
index 53785afb5..2125d1b40 100644
--- a/blog/2017/02/26/new-site-is-opened.html
+++ b/blog/2017/02/26/new-site-is-opened.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -21,18 +21,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Launches Site with GitHub Pages" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Launches Site with GitHub Pages" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Launches Site with GitHub Pages" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Launches Site with GitHub Pages" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Launches Site with GitHub Pages" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Launches Site with GitHub Pages" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Launches Site with GitHub Pages" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Launches Site with GitHub Pages" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Launches Site with GitHub Pages" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Launches Site with GitHub Pages" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Launches Site with GitHub Pages" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Launches Site with GitHub Pages" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Launches Site with GitHub Pages" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/2019/10/22/Follow-Me-on-Medium.html b/blog/2019/10/22/Follow-Me-on-Medium.html
index 90db0787f..0632f84ce 100644
--- a/blog/2019/10/22/Follow-Me-on-Medium.html
+++ b/blog/2019/10/22/Follow-Me-on-Medium.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -21,18 +21,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Follow Me on Medium !" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Follow Me on Medium !" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Follow Me on Medium !" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Follow Me on Medium !" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Follow Me on Medium !" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Follow Me on Medium !" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Follow Me on Medium !" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Follow Me on Medium !" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Follow Me on Medium !" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Follow Me on Medium !" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Follow Me on Medium !" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Follow Me on Medium !" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Follow Me on Medium !" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/2020/06/01/enjoy-our-new-theme.html b/blog/2020/06/01/enjoy-our-new-theme.html
old mode 100755
new mode 100644
index 8953fe688..455c43cd1
--- a/blog/2020/06/01/enjoy-our-new-theme.html
+++ b/blog/2020/06/01/enjoy-our-new-theme.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -22,18 +22,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Launch new theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Launch new theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Launch new theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Launch new theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Launch new theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Launch new theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Launch new theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Launch new theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Launch new theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Launch new theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Launch new theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Launch new theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Launch new theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/amp-now.html b/blog/amp-now.html
index 2cacfbe71..6a2b45e4a 100644
--- a/blog/amp-now.html
+++ b/blog/amp-now.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -22,18 +22,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in AMP Now ⚡" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in AMP Now ⚡" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in AMP Now ⚡" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in AMP Now ⚡" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in AMP Now ⚡" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in AMP Now ⚡" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in AMP Now ⚡" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in AMP Now ⚡" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in AMP Now ⚡" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in AMP Now ⚡" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in AMP Now ⚡" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in AMP Now ⚡" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in AMP Now ⚡" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/comp-sci/fuzzy-logic.html b/blog/comp-sci/fuzzy-logic.html
index 46f0e816d..14e1eb7f8 100644
--- a/blog/comp-sci/fuzzy-logic.html
+++ b/blog/comp-sci/fuzzy-logic.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -15,7 +15,7 @@
 </div> </li><li class="nav-item"> <a class="gh-style btn btn-block" style="margin: 2px 0" aria-label="Sponsor @chriskyfung" target="_top" href="https://github.com/sponsors/chriskyfung?o=esb"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart icon-sponsor color-fg-sponsors"> <path fill-rule="evenodd" d="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z"/> </svg> <span>Sponsor</span> </a> </li><li class="nav-item"> <button type="button" on="tap:amp-searchbar" id="toggle-search" class="btn btn-primary" data-toggle="modal" data-target="#searchbar" title="search" accesskey="/"> <i class="fas fa-search"></i> </button> </li> </ul> </div>  </div> </nav> <amp-lightbox scrollable id="amp-searchbar" layout="nodisplay" animate-in="fade-in" hidden="hidden" class="i-amphtml-layout-nodisplay" i-amphtml-layout="nodisplay"> <div class="modal-dialog modal-lg">  <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Search for</h5> <button class="close" type="button" on="tap:amp-searchbar.close" aria-label="Close Search Modal" tabindex="-1">×</button> </div> <div class="modal-body"> <div class="search_form"> <form method="GET" action="/search" target="_top"> <amp-autocomplete class="searchbox i-amphtml-layout-container" filter="substring" src="/assets/data/suggestions.json" i-amphtml-layout="container"> <input class="form-control" name="q" type="search" placeholder="Search" required> </amp-autocomplete> <input hidden name="sitesearch" value="chriskyfung.github.io"> <button class="btn btn-primary" type="submit">Search</button> </form> </div> </div> </div> </div> </amp-lightbox>   <div class="site-content"> <div class="container">  <div class="main-content" style="margin-top: 88px;">  <div class="row"> <div id="post" class="col-md-8 col-lg-8"> <div class="mainheading">  <div class="after-post-tags"> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li><li> <small><a href="/category/computer-science/">Computer Science</a></small> </li></ul> </div>   <h1 class="posttitle">Short Notes on Fuzzy Logic</h1> </div>   <p> <small> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2015-06-10T08:36:00+08:00" itemprop="datePublished" title="Published on">10 Jun 2015</time></div> </small> </p> <div class="article-post"><aside style="position: relative;"> <a href="#toc-skipped" class="screen-reader-only">Skip table of contents</a>
 </aside> <h2 class="no_toc" id="table-of-contents">Table of Contents</h2> <ul id="markdown-toc"> <li><a href="#what-is-fuzzy-logic" id="markdown-toc-what-is-fuzzy-logic">What is Fuzzy Logic</a></li> <li><a href="#fuzzy-inference-systems-fis" id="markdown-toc-fuzzy-inference-systems-fis">Fuzzy Inference Systems (FIS)</a> <ul> <li><a href="#mamdani-type-and-takagi-sugeno-kang-tsk-type-fis" id="markdown-toc-mamdani-type-and-takagi-sugeno-kang-tsk-type-fis">Mamdani-Type and Takagi-Sugeno-Kang (TSK)-Type FIS</a> <ul> <li><a href="#mamdani-type-fis" id="markdown-toc-mamdani-type-fis">Mamdani-type FIS</a></li> <li><a href="#tsk-type-fis" id="markdown-toc-tsk-type-fis">TSK-type FIS</a></li> </ul> </li> <li><a href="#principal-design-parameters-for-fis" id="markdown-toc-principal-design-parameters-for-fis">Principal Design Parameters For FIS</a></li> <li><a href="#adaptive-fuzzy-systems" id="markdown-toc-adaptive-fuzzy-systems">Adaptive Fuzzy Systems</a></li> </ul> </li> <li><a href="#fuzzy-logic-applications" id="markdown-toc-fuzzy-logic-applications">Fuzzy Logic applications</a> <ul> <li><a href="#fuzzy-logic-controller-flc--control-systems" id="markdown-toc-fuzzy-logic-controller-flc--control-systems">Fuzzy Logic controller (FLC) / control systems</a></li> </ul> </li> <li><a href="#fuzzy-logic-in-python" id="markdown-toc-fuzzy-logic-in-python">Fuzzy Logic in Python</a></li> <li><a href="#references" id="markdown-toc-references">References</a></li>
 </ul> <aside id="toc-skipped"></aside> <h2 id="what-is-fuzzy-logic">What is Fuzzy Logic<a class="anchor-link" href="#what-is-fuzzy-logic"><i class="fas fa-link"></i></a></h2> <p><i class="far fa-play-circle"></i> <strong>Suggested Video</strong></p>
-<amp-youtube id="yt-rln_kZbYaWc" width="480" height="270" layout="responsive" data-videoid="rln_kZbYaWc" title="An Introduction to Fuzzy Logic" data-vars-video-title="An Introduction to Fuzzy Logic" data-vars-video-url="https://www.youtube.com/watch?v=rln_kZbYaWc" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=rln_kZbYaWc" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
+<amp-youtube id="yt-rln_kZbYaWc" width="480" height="270" layout="responsive" credentials="omit" data-videoid="rln_kZbYaWc" title="An Introduction to Fuzzy Logic" data-vars-video-title="An Introduction to Fuzzy Logic" data-vars-video-url="https://www.youtube.com/watch?v=rln_kZbYaWc" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=rln_kZbYaWc" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
 </amp-youtube> <h2 id="fuzzy-inference-systems-fis">Fuzzy Inference Systems (FIS)<a class="anchor-link" href="#fuzzy-inference-systems-fis"><i class="fas fa-link"></i></a></h2> <h3 id="mamdani-type-and-takagi-sugeno-kang-tsk-type-fis">Mamdani-Type and Takagi-Sugeno-Kang (TSK)-Type FIS<a class="anchor-link" href="#mamdani-type-and-takagi-sugeno-kang-tsk-type-fis"><i class="fas fa-link"></i></a></h3> <p>There are mainly two types of fuzzy inference systems, namely,</p> <ul> <li>Mamdani-type <a class="citation" href="#mamdani_experiment_1975">[1], [2]</a> <ul> <li>fuzzy consequents (also being called type-I)</li> <li>Singleton consequents (also being called type-II)</li> </ul> </li> <li>TSK-type (also being called type-III) <a class="citation" href="#tanaka_stability_1992">[3]</a></li>
 </ul> <h4 id="mamdani-type-fis">Mamdani-type FIS<a class="anchor-link" href="#mamdani-type-fis"><i class="fas fa-link"></i></a></h4> <p>Characteristics:</p> <ul> <li>A model-free approach</li> <li>Mainly based on human skills and experience (, or expert/prior knowledge)</li> <li>Possibly achieve the performance with generally satisfactory</li>
 </ul> <p>Shortages:</p> <ul> <li>Lack of systematic approaches for the design of control systems</li> <li>Cannot guarantee the stability, controllability, parametric sensitivity and robustness <a class="citation" href="#sugeno_stability_1999">[4], [5]</a></li>
@@ -27,7 +27,7 @@
 </blockquote> <p>Lee <a class="citation" href="#lee_fuzzy_1990">[6]</a> gave an overview of fuzzy logic controllers by 1990. The review paper summarized the concept and the structure of fuzzy logic controllers. It also provided a survey of the methods of fuzzifying membership functions, defining the rule base, and justification of fuzzy control rules.</p> <p>Some Mamdani-type FLC are listed below <a class="citation" href="#precup_survey_2011">[5]</a>:</p> <ul> <li>Control of machining processes</li> <li>Laser tracking systems</li> <li>Plastic injection molding</li> <li>Vibration suppression</li> <li>Manufacturing area related to robotics, such as manipulators and mobile robots</li>
 </ul> <p>Other FLC:</p> <ul> <li>Fuzzy Statistical Process Control <a class="citation" href="#ross_fuzzy_2004">[7]</a></li>
 </ul> <h2 id="fuzzy-logic-in-python">Fuzzy Logic in Python<a class="anchor-link" href="#fuzzy-logic-in-python"><i class="fas fa-link"></i></a></h2> <p><i class="far fa-play-circle"></i> <strong>Suggested Video</strong></p>
-<amp-youtube id="yt-qUQf1JxnTnY" width="480" height="270" layout="responsive" data-videoid="qUQf1JxnTnY" title="Scikit-Fuzzy: A New SciPy Toolkit for Fuzzy Logic; SciPy 2013 Presentation" data-vars-video-title="Scikit-Fuzzy: A New SciPy Toolkit for Fuzzy Logic; SciPy 2013 Presentation" data-vars-video-url="https://www.youtube.com/watch?v=qUQf1JxnTnY" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=qUQf1JxnTnY" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
+<amp-youtube id="yt-qUQf1JxnTnY" width="480" height="270" layout="responsive" credentials="omit" data-videoid="qUQf1JxnTnY" title="Scikit-Fuzzy: A New SciPy Toolkit for Fuzzy Logic; SciPy 2013 Presentation" data-vars-video-title="Scikit-Fuzzy: A New SciPy Toolkit for Fuzzy Logic; SciPy 2013 Presentation" data-vars-video-url="https://www.youtube.com/watch?v=qUQf1JxnTnY" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=qUQf1JxnTnY" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
 </amp-youtube> <h2 id="references">References<a class="anchor-link" href="#references"><i class="fas fa-link"></i></a></h2> <ol class="bibliography"><li><span id="mamdani_experiment_1975">E. H. Mamdani and S. Assilian, “Experiment in Linguistic Synthesis with a Fuzzy Logic Controller,” <i>International Journal of Man-Machine Studies</i>, vol. 7, no. 1, pp. 1–13, 1975,</span> doi: <a data-vars-event-label="https://doi.org/10.1016/S0020-7373(75)80002-2" href="https://doi.org/10.1016/S0020-7373(75)80002-2">10.1016/S0020-7373(75)80002-2</a>.</li>
 <li><span id="mamdani_advances_1976">E. H. Mamdani, “Advances in Linguistic-Synthesis of Fuzzy Controllers,” <i>International Journal of Man-Machine Studies</i>, vol. 8, no. 6, pp. 669–678, 1976,</span> doi: <a data-vars-event-label="https://doi.org/10.1016/S0020-7373(76)80028-4" href="https://doi.org/10.1016/S0020-7373(76)80028-4">10.1016/S0020-7373(76)80028-4</a>.</li>
 <li><span id="tanaka_stability_1992">K. Tanaka and M. Sugeno, “Stability analysis and design of fuzzy control systems,” <i>Fuzzy Sets and Systems</i>, vol. 45, no. 2, pp. 135–156, Jan. 1992,</span> doi: <a data-vars-event-label="https://doi.org/10.1016/0165-0114(92)90113-I" href="https://doi.org/10.1016/0165-0114(92)90113-I">10.1016/0165-0114(92)90113-I</a>.</li>
@@ -43,18 +43,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Short Notes on Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Short Notes on Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Short Notes on Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Short Notes on Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Short Notes on Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Short Notes on Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Short Notes on Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Short Notes on Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Short Notes on Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Short Notes on Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Short Notes on Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Short Notes on Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Short Notes on Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='rln_kZbYaWc']","amp-youtube[data-videoid='qUQf1JxnTnY']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='rln_kZbYaWc']","amp-youtube[data-videoid='qUQf1JxnTnY']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='rln_kZbYaWc']","amp-youtube[data-videoid='qUQf1JxnTnY']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='rln_kZbYaWc']","amp-youtube[data-videoid='qUQf1JxnTnY']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='rln_kZbYaWc']","amp-youtube[data-videoid='qUQf1JxnTnY']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='rln_kZbYaWc']","amp-youtube[data-videoid='qUQf1JxnTnY']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='rln_kZbYaWc']","amp-youtube[data-videoid='qUQf1JxnTnY']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='rln_kZbYaWc']","amp-youtube[data-videoid='qUQf1JxnTnY']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/index.html b/blog/index.html
index c0fc53189..ee98305d8 100644
--- a/blog/index.html
+++ b/blog/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,8 +23,9 @@
 </div>
 </div> </section> <section class="recent-posts row"> <div class="col-sm-4 left-sidebar"><div class="sidebar"> <h2 class="sr-only">Sidebar</h2><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div> <div class="col-sm-8"> <div class="section-title"> <h2><span>All Stories</span></h2> </div> <div class="masonrygrid row listrecent"><div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" aria-hidden="true" tabindex="-1"><figure><amp-img width="730" height="411" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.webp" alt="thumbnail for Qwiklabs Lab..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="411" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.jpg" alt="thumbnail for Qwiklabs Lab..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" rel="bookmark">Qwiklabs Lab Completion Tracker - Version History</a></h3> <p class="card-text">The changelog, the feature highlights, and the screenshots of the previous versions of the "Qwiklabs Lab Completion Tracker".</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/changelog/">Changelog</a></small> </li><li> <small><a href="/tag/qwiklabs/">Qwiklabs</a></small> </li><li> <small><a href="/tag/userscript/">Userscript</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div> <div class="col-sm-8"> <div class="section-title"> <h2><span>All Stories</span></h2> </div> <div class="masonrygrid row listrecent"><div class="col-md-6 grid-item"> <article class="card"> <a href="/github-cli-repo-clone-custom-completion/" aria-hidden="true" tabindex="-1"><figure><amp-img width="730" height="431" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.webp" alt="thumbnail for Speed Up Git..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQzMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="431" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.jpg" alt="thumbnail for Speed Up Git..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQzMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/github-cli-repo-clone-custom-completion/" rel="bookmark">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h3> <p class="card-text">Learn how to supercharge your GitHub CLI experience with custom bash completion for the 'gh repo clone' command. Includes step-by-step setup and practical examples.</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/autocompletions/">Autocompletions</a></small> </li><li> <small><a href="/tag/bash/">Bash</a></small> </li><li> <small><a href="/tag/command-line/">Command-line</a></small> </li><li> <small><a href="/tag/github-cli/">GitHub CLI</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
+</div>
+<div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" aria-hidden="true" tabindex="-1"><figure><amp-img width="730" height="411" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.webp" alt="thumbnail for Qwiklabs Lab..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="411" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.jpg" alt="thumbnail for Qwiklabs Lab..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" rel="bookmark">Qwiklabs Lab Completion Tracker - Version History</a></h3> <p class="card-text">The changelog, the feature highlights, and the screenshots of the previous versions of the "Qwiklabs Lab Completion Tracker".</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/changelog/">Changelog</a></small> </li><li> <small><a href="/tag/qwiklabs/">Qwiklabs</a></small> </li><li> <small><a href="/tag/userscript/">Userscript</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
 </div>
 <div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/matlab/matlab-packages-and-toolboxes" aria-hidden="true" tabindex="-1"><figure><amp-img width="730" height="411" layout="intrinsic" src="/images/posts/matlab/matlab-packages.webp" alt="thumbnail for My MATLAB Pa..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="411" layout="intrinsic" src="/images/posts/matlab/matlab-packages.jpg" alt="thumbnail for My MATLAB Pa..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes" rel="bookmark">My MATLAB Package and Toolbox Picks</a></h3> <p class="card-text">A collection of useful MATLAB packages and toolboxes that support and improve your workflow, data visualization, code functionility and performance.</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/matlab/">MATLAB</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
 </div>
@@ -44,9 +45,7 @@
 </div>
 <div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/qwiklabs/build-and-manage-apis-with-apigee-challenge-lab" aria-hidden="true" tabindex="-1"><figure><amp-img width="962" height="639" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp336-task3-apigee-live-portal.webp" alt="thumbnail for ☁ Build and ..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYzOSIgd2lkdGg9Ijk2MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="962" height="639" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp336-task3-apigee-live-portal.jpg" alt="thumbnail for ☁ Build and ..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYzOSIgd2lkdGg9Ijk2MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/qwiklabs/build-and-manage-apis-with-apigee-challenge-lab" rel="bookmark">☁ Build and Manage APIs with Apigee: Challenge Lab | logbook</a></h3> <p class="card-text">A brief procedure for the Google Cloud self-paced training GSP336 on Qwiklabs. You will practice the skills and knowledge in the Build and Manage APIs with Apigee.</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/apigee/">Apigee</a></small> </li><li> <small><a href="/tag/google-cloud/">Google Cloud</a></small> </li><li> <small><a href="/tag/logbook/">Logbook</a></small> </li><li> <small><a href="/tag/qwiklabs/">Qwiklabs</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2020-09-13T14:25:00+08:00" itemprop="datePublished" title="Published on">13 Sep 2020</time></div> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-manage-apis-with-apigee-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
 </div>
-<div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/qwiklabs/Perform-Foundational-Data-ML-and-AI-Tasks-in-Google-Cloud-Challenge-Lab" aria-hidden="true" tabindex="-1"><figure><amp-img width="730" height="411" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp323-cloud-dataprep.webp" alt="thumbnail for ☁ Perform Fo..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="411" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp323-cloud-dataprep.png" alt="thumbnail for ☁ Perform Fo..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/qwiklabs/Perform-Foundational-Data-ML-and-AI-Tasks-in-Google-Cloud-Challenge-Lab" rel="bookmark">☁ Perform Foundational Data, ML, and AI Tasks in Google Cloud: Challenge Lab | logbook</a></h3> <p class="card-text">A brief procedure for the Google Cloud self-paced training GSP323 on Qwiklabs. You will practice the skills and knowledge for running Dataflow, Dataproc, and Dataprep as well as Google Cloud...</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/bigquery/">BigQuery</a></small> </li><li> <small><a href="/tag/cloud-ai/">Cloud AI</a></small> </li><li> <small><a href="/tag/data-science/">Data Science</a></small> </li><li> <small><a href="/tag/google-cloud/">Google Cloud</a></small> </li><li> <small><a href="/tag/logbook/">Logbook</a></small> </li><li> <small><a href="/tag/machine-learning/">Machine Learning</a></small> </li><li> <small><a href="/tag/qwiklabs/">Qwiklabs</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i><i class="fas fa-sync-alt fa-xs" aria-hidden="true" style="color:#0293d8;margin-left:-.5em;vertical-align:bottom"></i> <time datetime="2021-06-25T10:18:00+08:00" itemprop="dateModified" title="Updated on">25 Jun 2021</time></div> <span class="post-read-more"><a href="/blog/qwiklabs/Perform-Foundational-Data-ML-and-AI-Tasks-in-Google-Cloud-Challenge-Lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
-</div>
-</div>  <div class="bottompagination"> <span class="navigation" role="navigation"><nav class="pagination" role="navigation" aria-label="Pagination Navigation"><span class="page-number"> &nbsp; &nbsp; Page 1 of 5 &nbsp; &nbsp; </span><a class="older-posts" href="/blog/page2/" aria-label="Goto Page with Older Posts">Older &raquo;</a></nav> </span> </div> </div> </section> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+</div>  <div class="bottompagination"> <span class="navigation" role="navigation"><nav class="pagination" role="navigation" aria-label="Pagination Navigation"><span class="page-number"> &nbsp; &nbsp; Page 1 of 5 &nbsp; &nbsp; </span><a class="older-posts" href="/blog/page2/" aria-label="Goto Page with Older Posts">Older &raquo;</a></nav> </span> </div> </div> </section> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/linux/Install-Chrome-Remote-Desktop-on-Kubuntu.html b/blog/linux/Install-Chrome-Remote-Desktop-on-Kubuntu.html
index ec6e58215..d26aa5c34 100644
--- a/blog/linux/Install-Chrome-Remote-Desktop-on-Kubuntu.html
+++ b/blog/linux/Install-Chrome-Remote-Desktop-on-Kubuntu.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -51,18 +51,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Install Chrome Remote Desktop on KDE desktop / Kubuntu 14.04 LTS or higher" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Install Chrome Remote Desktop on KDE desktop / Kubuntu 14.04 LTS or higher" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Install Chrome Remote Desktop on KDE desktop / Kubuntu 14.04 LTS or higher" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Install Chrome Remote Desktop on KDE desktop / Kubuntu 14.04 LTS or higher" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Install Chrome Remote Desktop on KDE desktop / Kubuntu 14.04 LTS or higher" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Install Chrome Remote Desktop on KDE desktop / Kubuntu 14.04 LTS or higher" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Install Chrome Remote Desktop on KDE desktop / Kubuntu 14.04 LTS or higher" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Install Chrome Remote Desktop on KDE desktop / Kubuntu 14.04 LTS or higher" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Install Chrome Remote Desktop on KDE desktop / Kubuntu 14.04 LTS or higher" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Install Chrome Remote Desktop on KDE desktop / Kubuntu 14.04 LTS or higher" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Install Chrome Remote Desktop on KDE desktop / Kubuntu 14.04 LTS or higher" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Install Chrome Remote Desktop on KDE desktop / Kubuntu 14.04 LTS or higher" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Install Chrome Remote Desktop on KDE desktop / Kubuntu 14.04 LTS or higher" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/linux/Useful-Ubuntu-Commands.html b/blog/linux/Useful-Ubuntu-Commands.html
index 4967f6d84..1109e1b36 100644
--- a/blog/linux/Useful-Ubuntu-Commands.html
+++ b/blog/linux/Useful-Ubuntu-Commands.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -42,18 +42,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Useful command lines in Ubuntu that help using terminals" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Useful command lines in Ubuntu that help using terminals" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Useful command lines in Ubuntu that help using terminals" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Useful command lines in Ubuntu that help using terminals" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Useful command lines in Ubuntu that help using terminals" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Useful command lines in Ubuntu that help using terminals" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Useful command lines in Ubuntu that help using terminals" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Useful command lines in Ubuntu that help using terminals" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Useful command lines in Ubuntu that help using terminals" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Useful command lines in Ubuntu that help using terminals" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Useful command lines in Ubuntu that help using terminals" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Useful command lines in Ubuntu that help using terminals" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Useful command lines in Ubuntu that help using terminals" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/matlab/Convert-MATLAB-Matrix-to-MS-Office-Equation.html b/blog/matlab/Convert-MATLAB-Matrix-to-MS-Office-Equation.html
index 59c6dce83..7482a95d3 100644
--- a/blog/matlab/Convert-MATLAB-Matrix-to-MS-Office-Equation.html
+++ b/blog/matlab/Convert-MATLAB-Matrix-to-MS-Office-Equation.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -38,18 +38,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Matrix Conversion between MATLAB and Microsoft Equation Editor" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Matrix Conversion between MATLAB and Microsoft Equation Editor" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Matrix Conversion between MATLAB and Microsoft Equation Editor" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Matrix Conversion between MATLAB and Microsoft Equation Editor" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Matrix Conversion between MATLAB and Microsoft Equation Editor" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Matrix Conversion between MATLAB and Microsoft Equation Editor" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Matrix Conversion between MATLAB and Microsoft Equation Editor" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Matrix Conversion between MATLAB and Microsoft Equation Editor" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Matrix Conversion between MATLAB and Microsoft Equation Editor" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Matrix Conversion between MATLAB and Microsoft Equation Editor" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Matrix Conversion between MATLAB and Microsoft Equation Editor" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Matrix Conversion between MATLAB and Microsoft Equation Editor" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Matrix Conversion between MATLAB and Microsoft Equation Editor" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/matlab/Working-MATLAB-with-MS-Excel.html b/blog/matlab/Working-MATLAB-with-MS-Excel.html
index bbfc8a6f0..855eafa89 100644
--- a/blog/matlab/Working-MATLAB-with-MS-Excel.html
+++ b/blog/matlab/Working-MATLAB-with-MS-Excel.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,18 +23,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Working MATLAB with MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Working MATLAB with MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Working MATLAB with MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Working MATLAB with MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Working MATLAB with MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Working MATLAB with MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Working MATLAB with MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Working MATLAB with MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Working MATLAB with MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Working MATLAB with MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Working MATLAB with MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Working MATLAB with MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Working MATLAB with MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/matlab/expand-twitter-short-url.html b/blog/matlab/expand-twitter-short-url.html
index e12cd5f6a..ad87f4531 100644
--- a/blog/matlab/expand-twitter-short-url.html
+++ b/blog/matlab/expand-twitter-short-url.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -50,18 +50,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Expand shorten URLs in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Expand shorten URLs in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Expand shorten URLs in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Expand shorten URLs in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Expand shorten URLs in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Expand shorten URLs in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Expand shorten URLs in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Expand shorten URLs in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Expand shorten URLs in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Expand shorten URLs in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Expand shorten URLs in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Expand shorten URLs in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Expand shorten URLs in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/matlab/file-io-and-file-system-in-matlab.html b/blog/matlab/file-io-and-file-system-in-matlab.html
index ca2c6e499..f80275610 100644
--- a/blog/matlab/file-io-and-file-system-in-matlab.html
+++ b/blog/matlab/file-io-and-file-system-in-matlab.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -44,18 +44,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in File I/O and File System in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in File I/O and File System in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in File I/O and File System in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in File I/O and File System in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in File I/O and File System in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in File I/O and File System in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in File I/O and File System in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in File I/O and File System in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in File I/O and File System in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in File I/O and File System in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in File I/O and File System in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in File I/O and File System in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in File I/O and File System in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/matlab/matlab-packages-and-toolboxes.html b/blog/matlab/matlab-packages-and-toolboxes.html
index 507c8a9ac..f032e5f71 100644
--- a/blog/matlab/matlab-packages-and-toolboxes.html
+++ b/blog/matlab/matlab-packages-and-toolboxes.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -51,18 +51,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in My MATLAB Package and Toolbox Picks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in My MATLAB Package and Toolbox Picks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in My MATLAB Package and Toolbox Picks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in My MATLAB Package and Toolbox Picks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in My MATLAB Package and Toolbox Picks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in My MATLAB Package and Toolbox Picks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in My MATLAB Package and Toolbox Picks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in My MATLAB Package and Toolbox Picks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in My MATLAB Package and Toolbox Picks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in My MATLAB Package and Toolbox Picks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in My MATLAB Package and Toolbox Picks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in My MATLAB Package and Toolbox Picks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in My MATLAB Package and Toolbox Picks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/page2/index.html b/blog/page2/index.html
index 0ad7d0e75..56539c8c3 100644
--- a/blog/page2/index.html
+++ b/blog/page2/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,8 +23,9 @@
 </div>
 </div> </section> <div id="jumptopageof"></div><section class="recent-posts row"> <div class="col-sm-4 left-sidebar"><div class="sidebar"> <h2 class="sr-only">Sidebar</h2><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div> <div class="col-sm-8"> <div class="section-title"> <h2><span>All Stories</span></h2> </div> <div class="masonrygrid row listrecent"><div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/qwiklabs/Engineer-Data-in-Google-Cloud-Challenge-Lab" aria-hidden="true" tabindex="-1"><figure><amp-img width="730" height="411" layout="intrinsic" src="/images/posts/qwiklabs/taxirides.webp" alt="thumbnail for ☁ Engineer D..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="411" layout="intrinsic" src="/images/posts/qwiklabs/taxirides.jpg" alt="thumbnail for ☁ Engineer D..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/qwiklabs/Engineer-Data-in-Google-Cloud-Challenge-Lab" rel="bookmark">☁ Engineer Data in Google Cloud: Challenge Lab | logbook</a></h3> <p class="card-text">A brief procedure for the Google Cloud self-paced training GSP327 on Qwiklabs. You will practice the skills and knowledge to build a prediction model of taxi fares using machine learning...</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/bigquery/">BigQuery</a></small> </li><li> <small><a href="/tag/data-science/">Data Science</a></small> </li><li> <small><a href="/tag/google-cloud/">Google Cloud</a></small> </li><li> <small><a href="/tag/logbook/">Logbook</a></small> </li><li> <small><a href="/tag/machine-learning/">Machine Learning</a></small> </li><li> <small><a href="/tag/qwiklabs/">Qwiklabs</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2020-08-26T15:30:00+08:00" itemprop="datePublished" title="Published on">26 Aug 2020</time></div> <span class="post-read-more"><a href="/blog/qwiklabs/Engineer-Data-in-Google-Cloud-Challenge-Lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div> <div class="col-sm-8"> <div class="section-title"> <h2><span>All Stories</span></h2> </div> <div class="masonrygrid row listrecent"><div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/qwiklabs/Perform-Foundational-Data-ML-and-AI-Tasks-in-Google-Cloud-Challenge-Lab" aria-hidden="true" tabindex="-1"><figure><amp-img width="730" height="411" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp323-cloud-dataprep.webp" alt="thumbnail for ☁ Perform Fo..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="411" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp323-cloud-dataprep.png" alt="thumbnail for ☁ Perform Fo..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/qwiklabs/Perform-Foundational-Data-ML-and-AI-Tasks-in-Google-Cloud-Challenge-Lab" rel="bookmark">☁ Perform Foundational Data, ML, and AI Tasks in Google Cloud: Challenge Lab | logbook</a></h3> <p class="card-text">A brief procedure for the Google Cloud self-paced training GSP323 on Qwiklabs. You will practice the skills and knowledge for running Dataflow, Dataproc, and Dataprep as well as Google Cloud...</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/bigquery/">BigQuery</a></small> </li><li> <small><a href="/tag/cloud-ai/">Cloud AI</a></small> </li><li> <small><a href="/tag/data-science/">Data Science</a></small> </li><li> <small><a href="/tag/google-cloud/">Google Cloud</a></small> </li><li> <small><a href="/tag/logbook/">Logbook</a></small> </li><li> <small><a href="/tag/machine-learning/">Machine Learning</a></small> </li><li> <small><a href="/tag/qwiklabs/">Qwiklabs</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i><i class="fas fa-sync-alt fa-xs" aria-hidden="true" style="color:#0293d8;margin-left:-.5em;vertical-align:bottom"></i> <time datetime="2021-06-25T10:18:00+08:00" itemprop="dateModified" title="Updated on">25 Jun 2021</time></div> <span class="post-read-more"><a href="/blog/qwiklabs/Perform-Foundational-Data-ML-and-AI-Tasks-in-Google-Cloud-Challenge-Lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
+</div>
+<div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/qwiklabs/Engineer-Data-in-Google-Cloud-Challenge-Lab" aria-hidden="true" tabindex="-1"><figure><amp-img width="730" height="411" layout="intrinsic" src="/images/posts/qwiklabs/taxirides.webp" alt="thumbnail for ☁ Engineer D..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="411" layout="intrinsic" src="/images/posts/qwiklabs/taxirides.jpg" alt="thumbnail for ☁ Engineer D..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/qwiklabs/Engineer-Data-in-Google-Cloud-Challenge-Lab" rel="bookmark">☁ Engineer Data in Google Cloud: Challenge Lab | logbook</a></h3> <p class="card-text">A brief procedure for the Google Cloud self-paced training GSP327 on Qwiklabs. You will practice the skills and knowledge to build a prediction model of taxi fares using machine learning...</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/bigquery/">BigQuery</a></small> </li><li> <small><a href="/tag/data-science/">Data Science</a></small> </li><li> <small><a href="/tag/google-cloud/">Google Cloud</a></small> </li><li> <small><a href="/tag/logbook/">Logbook</a></small> </li><li> <small><a href="/tag/machine-learning/">Machine Learning</a></small> </li><li> <small><a href="/tag/qwiklabs/">Qwiklabs</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2020-08-26T15:30:00+08:00" itemprop="datePublished" title="Published on">26 Aug 2020</time></div> <span class="post-read-more"><a href="/blog/qwiklabs/Engineer-Data-in-Google-Cloud-Challenge-Lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
 </div>
 <div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/qwiklabs/Insights-from-Data-with-BigQuery-Challenge-Lab" aria-hidden="true" tabindex="-1"><figure><amp-img width="730" height="411" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp787-00.webp" alt="thumbnail for ☁ Insights f..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="411" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp787-00.jpg" alt="thumbnail for ☁ Insights f..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/qwiklabs/Insights-from-Data-with-BigQuery-Challenge-Lab" rel="bookmark">☁ Insights from Data with BigQuery: Challenge Lab (COVID-19 Open Data) | logbook</a></h3> <p class="card-text">A brief procedure for the Google Cloud self-paced training GSP787 on Qwiklabs. You will practice BigQuery for the data analysis of the COVID-19 open dataset `bigquery-public-data.covid19_open_data.covid19_open_data`.</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/bigquery/">BigQuery</a></small> </li><li> <small><a href="/tag/data-science/">Data Science</a></small> </li><li> <small><a href="/tag/google-cloud/">Google Cloud</a></small> </li><li> <small><a href="/tag/logbook/">Logbook</a></small> </li><li> <small><a href="/tag/qwiklabs/">Qwiklabs</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i><i class="fas fa-sync-alt fa-xs" aria-hidden="true" style="color:#0293d8;margin-left:-.5em;vertical-align:bottom"></i> <time datetime="2020-10-08T03:56:00+08:00" itemprop="dateModified" title="Updated on">08 Oct 2020</time></div> <span class="post-read-more"><a href="/blog/qwiklabs/Insights-from-Data-with-BigQuery-Challenge-Lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
 </div>
@@ -44,9 +45,7 @@
 </div>
 <div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/2020/06/01/enjoy-our-new-theme" aria-hidden="true" tabindex="-1"><figure><amp-img width="730" height="548" layout="intrinsic" src="/images/posts/jekyll/theme-after-may2020-chriskyfung.github.io.webp" alt="thumbnail for Launch new t..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjU0OCIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="548" layout="intrinsic" src="/images/posts/jekyll/theme-after-may2020-chriskyfung.github.io.png" alt="thumbnail for Launch new t..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjU0OCIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/2020/06/01/enjoy-our-new-theme" rel="bookmark">Launch new theme</a></h3> <p class="card-text">Since migrated from Wix in 2017, this site has run on GitHub Pages for over 3 years. I knew nearly nothing about Jekyll and GitHub at that time. I had...</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/changelog/">Changelog</a></small> </li><li> <small><a href="/tag/jekyll/">Jekyll</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i><i class="fas fa-sync-alt fa-xs" aria-hidden="true" style="color:#0293d8;margin-left:-.5em;vertical-align:bottom"></i> <time datetime="2020-07-14T16:00:00+08:00" itemprop="dateModified" title="Updated on">14 Jul 2020</time></div> <span class="post-read-more"><a href="/blog/2020/06/01/enjoy-our-new-theme" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/announcement/">Announcement</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
 </div>
-<div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/matlab/expand-twitter-short-url" aria-hidden="true" tabindex="-1"><figure><amp-img width="auto" height="197" layout="fixed-height" src="/assets/images/write-2160925.svg" alt="thumbnail for Expand short..." class="i-amphtml-layout-fixed-height i-amphtml-layout-size-defined" style="height:197px;" i-amphtml-layout="fixed-height"></amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/matlab/expand-twitter-short-url" rel="bookmark">Expand shorten URLs in MATLAB</a></h3> <p class="card-text">Sometimes I use MATLAB scripts to analyze Twitter posts. One issue is that Twitter uses shorten URLs started with t.co for the links, such as retweets. To get the original...</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/data-science/">Data Science</a></small> </li><li> <small><a href="/tag/matlab/">MATLAB</a></small> </li><li> <small><a href="/tag/twitter/">Twitter</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2020-05-15T00:00:00+08:00" itemprop="datePublished" title="Published on">15 May 2020</time></div> <span class="post-read-more"><a href="/blog/matlab/expand-twitter-short-url" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
-</div>
-</div>  <div class="bottompagination"> <span class="navigation" role="navigation"><nav class="pagination" role="navigation" aria-label="Pagination Navigation"><a class="newer-posts" href="/blog/" aria-label="Goto Page with Newer Posts">&laquo; Newer </a><span class="page-number"> &nbsp; &nbsp; Page 2 of 5 &nbsp; &nbsp; </span><a class="older-posts" href="/blog/page3/" aria-label="Goto Page with Older Posts">Older &raquo;</a></nav> </span> </div> </div> </section> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+</div>  <div class="bottompagination"> <span class="navigation" role="navigation"><nav class="pagination" role="navigation" aria-label="Pagination Navigation"><a class="newer-posts" href="/blog/" aria-label="Goto Page with Newer Posts">&laquo; Newer </a><span class="page-number"> &nbsp; &nbsp; Page 2 of 5 &nbsp; &nbsp; </span><a class="older-posts" href="/blog/page3/" aria-label="Goto Page with Older Posts">Older &raquo;</a></nav> </span> </div> </div> </section> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/page3/index.html b/blog/page3/index.html
index 69e8b84ff..ad77a1db0 100644
--- a/blog/page3/index.html
+++ b/blog/page3/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,8 +23,9 @@
 </div>
 </div> </section> <div id="jumptopageof"></div><section class="recent-posts row"> <div class="col-sm-4 left-sidebar"><div class="sidebar"> <h2 class="sr-only">Sidebar</h2><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div> <div class="col-sm-8"> <div class="section-title"> <h2><span>All Stories</span></h2> </div> <div class="masonrygrid row listrecent"><div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/qwiklabs/deploy-to-kubernetes-in-google-cloud-challenge-lab" aria-hidden="true" tabindex="-1"><figure><amp-img width="730" height="411" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-GSP318-cover.webp" alt="thumbnail for ☁ Deploy to ..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="411" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-GSP318-cover.png" alt="thumbnail for ☁ Deploy to ..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/qwiklabs/deploy-to-kubernetes-in-google-cloud-challenge-lab" rel="bookmark">☁ Deploy to Kubernetes in Google Cloud: Challenge Lab | logbook</a></h3> <p class="card-text">A brief procedure for Google Cloud self-paced training GSP318 "Deploy to Kubernetes in Google Cloud&#58; Challenge Lab" on Qwiklabs. It includes&#58; How to create Docker images, Deploy and update the...</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/google-cloud/">Google Cloud</a></small> </li><li> <small><a href="/tag/jenkins/">Jenkins</a></small> </li><li> <small><a href="/tag/kubernetes/">Kubernetes</a></small> </li><li> <small><a href="/tag/logbook/">Logbook</a></small> </li><li> <small><a href="/tag/qwiklabs/">Qwiklabs</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i><i class="fas fa-sync-alt fa-xs" aria-hidden="true" style="color:#0293d8;margin-left:-.5em;vertical-align:bottom"></i> <time datetime="2021-06-24T11:22:00+08:00" itemprop="dateModified" title="Updated on">24 Jun 2021</time></div> <span class="post-read-more"><a href="/blog/qwiklabs/deploy-to-kubernetes-in-google-cloud-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div> <div class="col-sm-8"> <div class="section-title"> <h2><span>All Stories</span></h2> </div> <div class="masonrygrid row listrecent"><div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/matlab/expand-twitter-short-url" aria-hidden="true" tabindex="-1"><figure><amp-img width="auto" height="197" layout="fixed-height" src="/assets/images/write-2160925.svg" alt="thumbnail for Expand short..." class="i-amphtml-layout-fixed-height i-amphtml-layout-size-defined" style="height:197px;" i-amphtml-layout="fixed-height"></amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/matlab/expand-twitter-short-url" rel="bookmark">Expand shorten URLs in MATLAB</a></h3> <p class="card-text">Sometimes I use MATLAB scripts to analyze Twitter posts. One issue is that Twitter uses shorten URLs started with t.co for the links, such as retweets. To get the original...</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/data-science/">Data Science</a></small> </li><li> <small><a href="/tag/matlab/">MATLAB</a></small> </li><li> <small><a href="/tag/twitter/">Twitter</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2020-05-15T00:00:00+08:00" itemprop="datePublished" title="Published on">15 May 2020</time></div> <span class="post-read-more"><a href="/blog/matlab/expand-twitter-short-url" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
+</div>
+<div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/qwiklabs/deploy-to-kubernetes-in-google-cloud-challenge-lab" aria-hidden="true" tabindex="-1"><figure><amp-img width="730" height="411" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-GSP318-cover.webp" alt="thumbnail for ☁ Deploy to ..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="411" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-GSP318-cover.png" alt="thumbnail for ☁ Deploy to ..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/qwiklabs/deploy-to-kubernetes-in-google-cloud-challenge-lab" rel="bookmark">☁ Deploy to Kubernetes in Google Cloud: Challenge Lab | logbook</a></h3> <p class="card-text">A brief procedure for Google Cloud self-paced training GSP318 "Deploy to Kubernetes in Google Cloud&#58; Challenge Lab" on Qwiklabs. It includes&#58; How to create Docker images, Deploy and update the...</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/google-cloud/">Google Cloud</a></small> </li><li> <small><a href="/tag/jenkins/">Jenkins</a></small> </li><li> <small><a href="/tag/kubernetes/">Kubernetes</a></small> </li><li> <small><a href="/tag/logbook/">Logbook</a></small> </li><li> <small><a href="/tag/qwiklabs/">Qwiklabs</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i><i class="fas fa-sync-alt fa-xs" aria-hidden="true" style="color:#0293d8;margin-left:-.5em;vertical-align:bottom"></i> <time datetime="2021-06-24T11:22:00+08:00" itemprop="dateModified" title="Updated on">24 Jun 2021</time></div> <span class="post-read-more"><a href="/blog/qwiklabs/deploy-to-kubernetes-in-google-cloud-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
 </div>
 <div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/qwiklabs/Perform-Foundational-Infrastructure-Tasks-in-Google-Cloud-Challenge-Lab" aria-hidden="true" tabindex="-1"><figure><amp-img width="730" height="565" layout="intrinsic" src="/images/posts/qwiklabs/map.webp" alt="thumbnail for ☁ Perform Fo..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjU2NSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="565" layout="intrinsic" src="/images/posts/qwiklabs/map.jpg" alt="thumbnail for ☁ Perform Fo..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjU2NSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/qwiklabs/Perform-Foundational-Infrastructure-Tasks-in-Google-Cloud-Challenge-Lab" rel="bookmark">☁ Perform Foundational Infrastructure Tasks in Google Cloud: Challenge Lab | logbook</a></h3> <p class="card-text">A brief procedure for the Google Cloud self-paced training GSP315 "Perform Foundational Infrastructure Tasks in Google Cloud&#58; Challenge Lab" on Qwiklabs.</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/cloud-function/">Cloud Function</a></small> </li><li> <small><a href="/tag/google-cloud/">Google Cloud</a></small> </li><li> <small><a href="/tag/logbook/">Logbook</a></small> </li><li> <small><a href="/tag/qwiklabs/">Qwiklabs</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i><i class="fas fa-sync-alt fa-xs" aria-hidden="true" style="color:#0293d8;margin-left:-.5em;vertical-align:bottom"></i> <time datetime="2020-08-04T10:08:00+08:00" itemprop="dateModified" title="Updated on">04 Aug 2020</time></div> <span class="post-read-more"><a href="/blog/qwiklabs/Perform-Foundational-Infrastructure-Tasks-in-Google-Cloud-Challenge-Lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
 </div>
@@ -43,9 +44,7 @@
 </div>
 <div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/tumblr-tricks/how-to-add-a-custom-open-graph-image-tag-to-a-tumblr-blog" aria-hidden="true" tabindex="-1"><figure><amp-img width="auto" height="197" layout="fixed-height" src="/assets/images/write-2160925.svg" alt="thumbnail for How to add a..." class="i-amphtml-layout-fixed-height i-amphtml-layout-size-defined" style="height:197px;" i-amphtml-layout="fixed-height"></amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/tumblr-tricks/how-to-add-a-custom-open-graph-image-tag-to-a-tumblr-blog" rel="bookmark">How to add a custom Open Graph image tag to your tumblr blog</a></h3> <p class="card-text">Basically, Tumblr auto-generates Facebook Open Graph and/or Twitter Card markups to your blogs without a clear mechanism. I found that some of my Tumblr blog posts including the markups, but...</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/custom-theme/">Custom Theme</a></small> </li><li> <small><a href="/tag/meta-tags/">Meta Tags</a></small> </li><li> <small><a href="/tag/open-graph/">Open Graph</a></small> </li><li> <small><a href="/tag/tumblr/">Tumblr</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-10-30T00:00:00+08:00" itemprop="datePublished" title="Published on">30 Oct 2019</time></div> <span class="post-read-more"><a href="/blog/tumblr-tricks/how-to-add-a-custom-open-graph-image-tag-to-a-tumblr-blog" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/web-development/">Web Development</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
 </div>
-<div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/2019/10/22/Follow-Me-on-Medium" aria-hidden="true" tabindex="-1"><figure><amp-img width="730" height="411" layout="intrinsic" src="/images/posts/qwiklabs/medium_profile_top.webp" alt="thumbnail for Follow Me on..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="411" layout="intrinsic" src="/images/posts/qwiklabs/medium_profile_top.png" alt="thumbnail for Follow Me on..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/2019/10/22/Follow-Me-on-Medium" rel="bookmark">Follow Me on Medium !</a></h3> <p class="card-text">Recently, I started publishing on Medium. I will gradually reissue my Qwiklabs articles to Medium platform. Not all, but some posts will be updated and/or upgraded with high resolution images....</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/changelog/">Changelog</a></small> </li><li> <small><a href="/tag/medium/">Medium</a></small> </li><li> <small><a href="/tag/qwiklabs/">Qwiklabs</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-10-22T18:15:00+08:00" itemprop="datePublished" title="Published on">22 Oct 2019</time></div> <span class="post-read-more"><a href="/blog/2019/10/22/Follow-Me-on-Medium" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/announcement/">Announcement</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
-</div>
-</div>  <div class="bottompagination"> <span class="navigation" role="navigation"><nav class="pagination" role="navigation" aria-label="Pagination Navigation"><a class="newer-posts" href="/blog/page2/" aria-label="Goto Page with Newer Posts">&laquo; Newer </a><span class="page-number"> &nbsp; &nbsp; Page 3 of 5 &nbsp; &nbsp; </span><a class="older-posts" href="/blog/page4/" aria-label="Goto Page with Older Posts">Older &raquo;</a></nav> </span> </div> </div> </section> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+</div>  <div class="bottompagination"> <span class="navigation" role="navigation"><nav class="pagination" role="navigation" aria-label="Pagination Navigation"><a class="newer-posts" href="/blog/page2/" aria-label="Goto Page with Newer Posts">&laquo; Newer </a><span class="page-number"> &nbsp; &nbsp; Page 3 of 5 &nbsp; &nbsp; </span><a class="older-posts" href="/blog/page4/" aria-label="Goto Page with Older Posts">Older &raquo;</a></nav> </span> </div> </div> </section> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/page4/index.html b/blog/page4/index.html
index 3cd585667..a9da7e692 100644
--- a/blog/page4/index.html
+++ b/blog/page4/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,8 +23,9 @@
 </div>
 </div> </section> <div id="jumptopageof"></div><section class="recent-posts row"> <div class="col-sm-4 left-sidebar"><div class="sidebar"> <h2 class="sr-only">Sidebar</h2><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div> <div class="col-sm-8"> <div class="section-title"> <h2><span>All Stories</span></h2> </div> <div class="masonrygrid row listrecent"><div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/qwiklabs/Migrate-a-MySQL-Database-to-Google-Cloud-SQL" aria-hidden="true" tabindex="-1"><figure><amp-img width="730" height="317" layout="intrinsic" src="/images/posts/qwiklabs/qwiklabs-GSP306-migrating-mysql-to-cloudsql-concepts-sequence.webp" alt="thumbnail for ☁ Migrate a ..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMxNyIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="317" layout="intrinsic" src="/images/posts/qwiklabs/qwiklabs-GSP306-migrating-mysql-to-cloudsql-concepts-sequence.png" alt="thumbnail for ☁ Migrate a ..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMxNyIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/qwiklabs/Migrate-a-MySQL-Database-to-Google-Cloud-SQL" rel="bookmark">☁ Migrate a MySQL Database to Google Cloud SQL | logbook</a></h3> <p class="card-text">A summary of Google Cloud self-paced training GSP306 "Migrate a MySQL Database to Google Cloud SQL" on Qwiklabs | 1. Check Existing WordPress Resources | 2. Create Cloud SQL Instance...</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/google-cloud/">Google Cloud</a></small> </li><li> <small><a href="/tag/logbook/">Logbook</a></small> </li><li> <small><a href="/tag/mysql/">MySQL</a></small> </li><li> <small><a href="/tag/qwiklabs/">Qwiklabs</a></small> </li><li> <small><a href="/tag/wordpress/">WordPress</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-09-30T00:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2019</time></div> <span class="post-read-more"><a href="/blog/qwiklabs/Migrate-a-MySQL-Database-to-Google-Cloud-SQL" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div> <div class="col-sm-8"> <div class="section-title"> <h2><span>All Stories</span></h2> </div> <div class="masonrygrid row listrecent"><div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/2019/10/22/Follow-Me-on-Medium" aria-hidden="true" tabindex="-1"><figure><amp-img width="730" height="411" layout="intrinsic" src="/images/posts/qwiklabs/medium_profile_top.webp" alt="thumbnail for Follow Me on..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="411" layout="intrinsic" src="/images/posts/qwiklabs/medium_profile_top.png" alt="thumbnail for Follow Me on..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/2019/10/22/Follow-Me-on-Medium" rel="bookmark">Follow Me on Medium !</a></h3> <p class="card-text">Recently, I started publishing on Medium. I will gradually reissue my Qwiklabs articles to Medium platform. Not all, but some posts will be updated and/or upgraded with high resolution images....</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/changelog/">Changelog</a></small> </li><li> <small><a href="/tag/medium/">Medium</a></small> </li><li> <small><a href="/tag/qwiklabs/">Qwiklabs</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-10-22T18:15:00+08:00" itemprop="datePublished" title="Published on">22 Oct 2019</time></div> <span class="post-read-more"><a href="/blog/2019/10/22/Follow-Me-on-Medium" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/announcement/">Announcement</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
+</div>
+<div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/qwiklabs/Migrate-a-MySQL-Database-to-Google-Cloud-SQL" aria-hidden="true" tabindex="-1"><figure><amp-img width="730" height="317" layout="intrinsic" src="/images/posts/qwiklabs/qwiklabs-GSP306-migrating-mysql-to-cloudsql-concepts-sequence.webp" alt="thumbnail for ☁ Migrate a ..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMxNyIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="317" layout="intrinsic" src="/images/posts/qwiklabs/qwiklabs-GSP306-migrating-mysql-to-cloudsql-concepts-sequence.png" alt="thumbnail for ☁ Migrate a ..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMxNyIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/qwiklabs/Migrate-a-MySQL-Database-to-Google-Cloud-SQL" rel="bookmark">☁ Migrate a MySQL Database to Google Cloud SQL | logbook</a></h3> <p class="card-text">A summary of Google Cloud self-paced training GSP306 "Migrate a MySQL Database to Google Cloud SQL" on Qwiklabs | 1. Check Existing WordPress Resources | 2. Create Cloud SQL Instance...</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/google-cloud/">Google Cloud</a></small> </li><li> <small><a href="/tag/logbook/">Logbook</a></small> </li><li> <small><a href="/tag/mysql/">MySQL</a></small> </li><li> <small><a href="/tag/qwiklabs/">Qwiklabs</a></small> </li><li> <small><a href="/tag/wordpress/">WordPress</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-09-30T00:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2019</time></div> <span class="post-read-more"><a href="/blog/qwiklabs/Migrate-a-MySQL-Database-to-Google-Cloud-SQL" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
 </div>
 <div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/qwiklabs/Scale-Out-and-Update-a-Containerized-Application-on-a-Kubernetes-Cluster" aria-hidden="true" tabindex="-1"><figure><amp-img width="524" height="440" layout="intrinsic" src="/images/posts/qwiklabs/qwiklabs-GSP305-step3-rolling-update-GKE-application.webp" alt="thumbnail for ☁ Scale Out ..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ0MCIgd2lkdGg9IjUyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="524" height="440" layout="intrinsic" src="/images/posts/qwiklabs/qwiklabs-GSP305-step3-rolling-update-GKE-application.png" alt="thumbnail for ☁ Scale Out ..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ0MCIgd2lkdGg9IjUyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/qwiklabs/Scale-Out-and-Update-a-Containerized-Application-on-a-Kubernetes-Cluster" rel="bookmark">☁ Scale Out and Update a Containerized Application on a Kubernetes Cluster | logbook</a></h3> <p class="card-text">A summary of Google Cloud self-paced training GSP305 "Scale Out and Update a Containerized Application on a Kubernetes Cluster" on Qwiklabs | 1. Build a Docker Image of Sample Application...</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/google-cloud/">Google Cloud</a></small> </li><li> <small><a href="/tag/kubernetes/">Kubernetes</a></small> </li><li> <small><a href="/tag/logbook/">Logbook</a></small> </li><li> <small><a href="/tag/qwiklabs/">Qwiklabs</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-09-27T00:00:00+08:00" itemprop="datePublished" title="Published on">27 Sep 2019</time></div> <span class="post-read-more"><a href="/blog/qwiklabs/Scale-Out-and-Update-a-Containerized-Application-on-a-Kubernetes-Cluster" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
 </div>
@@ -48,10 +49,7 @@
 <div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/2015/11/27/template-OVITO-python-modifier" aria-hidden="true" tabindex="-1"><figure><amp-img width="auto" height="197" layout="fixed-height" src="/assets/images/write-2160925.svg" alt="thumbnail for [template] O..." class="i-amphtml-layout-fixed-height i-amphtml-layout-size-defined" style="height:197px;" i-amphtml-layout="fixed-height"></amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/2015/11/27/template-OVITO-python-modifier" rel="bookmark">[template] OVITO python modifier</a></h3> <p class="card-text">OVITO 2.6.0 allows users to program their own modifier in Python. Here provides a template including the common headers and a for-loop for per-particle assignment.
 </p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/molecular-dynamics/">Molecular dynamics</a></small> </li><li> <small><a href="/tag/ovito/">OVITO</a></small> </li><li> <small><a href="/tag/python/">Python</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2015-11-27T00:00:00+08:00" itemprop="datePublished" title="Published on">27 Nov 2015</time></div> <span class="post-read-more"><a href="/blog/2015/11/27/template-OVITO-python-modifier" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
 </div>
-<div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/2015/11/27/OVITO-The-Open-Visualization-Tool-Version-261-has-been-released" aria-hidden="true" tabindex="-1"><figure><amp-img width="auto" height="197" layout="fixed-height" src="/assets/images/write-2160925.svg" alt="thumbnail for OVITO - The ..." class="i-amphtml-layout-fixed-height i-amphtml-layout-size-defined" style="height:197px;" i-amphtml-layout="fixed-height"></amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/2015/11/27/OVITO-The-Open-Visualization-Tool-Version-261-has-been-released" rel="bookmark">OVITO - The Open Visualization Tool - Version 2.6.1 - has been released</a></h3> <p class="card-text">I do like using OVITO for analysis and visualization of my LAMMPS results.
-</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/molecular-dynamics/">Molecular dynamics</a></small> </li><li> <small><a href="/tag/ovito/">OVITO</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2015-11-27T00:00:00+08:00" itemprop="datePublished" title="Published on">27 Nov 2015</time></div> <span class="post-read-more"><a href="/blog/2015/11/27/OVITO-The-Open-Visualization-Tool-Version-261-has-been-released" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
-</div>
-</div>  <div class="bottompagination"> <span class="navigation" role="navigation"><nav class="pagination" role="navigation" aria-label="Pagination Navigation"><a class="newer-posts" href="/blog/page3/" aria-label="Goto Page with Newer Posts">&laquo; Newer </a><span class="page-number"> &nbsp; &nbsp; Page 4 of 5 &nbsp; &nbsp; </span><a class="older-posts" href="/blog/page5/" aria-label="Goto Page with Older Posts">Older &raquo;</a></nav> </span> </div> </div> </section> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+</div>  <div class="bottompagination"> <span class="navigation" role="navigation"><nav class="pagination" role="navigation" aria-label="Pagination Navigation"><a class="newer-posts" href="/blog/page3/" aria-label="Goto Page with Newer Posts">&laquo; Newer </a><span class="page-number"> &nbsp; &nbsp; Page 4 of 5 &nbsp; &nbsp; </span><a class="older-posts" href="/blog/page5/" aria-label="Goto Page with Older Posts">Older &raquo;</a></nav> </span> </div> </div> </section> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/page5/index.html b/blog/page5/index.html
index 16e66b95b..49b00ffe1 100644
--- a/blog/page5/index.html
+++ b/blog/page5/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,8 +23,10 @@
 </div>
 </div> </section> <div id="jumptopageof"></div><section class="recent-posts row"> <div class="col-sm-4 left-sidebar"><div class="sidebar"> <h2 class="sr-only">Sidebar</h2><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div> <div class="col-sm-8"> <div class="section-title"> <h2><span>All Stories</span></h2> </div> <div class="masonrygrid row listrecent"><div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/comp-sci/fuzzy-logic" aria-hidden="true" tabindex="-1"><figure><amp-img width="730" height="411" layout="intrinsic" src="/images/posts/notebook-4839909_o128.webp" alt="thumbnail for Short Notes ..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="411" layout="intrinsic" src="/images/posts/notebook-4839909_o128.png" alt="thumbnail for Short Notes ..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/comp-sci/fuzzy-logic" rel="bookmark">Short Notes on Fuzzy Logic</a></h3> <p class="card-text">A summary about the types of Fuzzy Logic and their applications in control systems.</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/computer-science/">Computer Science</a></small> </li><li> <small><a href="/tag/fuzzy-logic/">Fuzzy Logic</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2015-06-10T08:36:00+08:00" itemprop="datePublished" title="Published on">10 Jun 2015</time></div> <span class="post-read-more"><a href="/blog/comp-sci/fuzzy-logic" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li><li> <small><a href="/category/computer-science/">Computer Science</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div> <div class="col-sm-8"> <div class="section-title"> <h2><span>All Stories</span></h2> </div> <div class="masonrygrid row listrecent"><div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/2015/11/27/OVITO-The-Open-Visualization-Tool-Version-261-has-been-released" aria-hidden="true" tabindex="-1"><figure><amp-img width="auto" height="197" layout="fixed-height" src="/assets/images/write-2160925.svg" alt="thumbnail for OVITO - The ..." class="i-amphtml-layout-fixed-height i-amphtml-layout-size-defined" style="height:197px;" i-amphtml-layout="fixed-height"></amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/2015/11/27/OVITO-The-Open-Visualization-Tool-Version-261-has-been-released" rel="bookmark">OVITO - The Open Visualization Tool - Version 2.6.1 - has been released</a></h3> <p class="card-text">I do like using OVITO for analysis and visualization of my LAMMPS results.
+</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/molecular-dynamics/">Molecular dynamics</a></small> </li><li> <small><a href="/tag/ovito/">OVITO</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2015-11-27T00:00:00+08:00" itemprop="datePublished" title="Published on">27 Nov 2015</time></div> <span class="post-read-more"><a href="/blog/2015/11/27/OVITO-The-Open-Visualization-Tool-Version-261-has-been-released" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
+</div>
+<div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/comp-sci/fuzzy-logic" aria-hidden="true" tabindex="-1"><figure><amp-img width="730" height="411" layout="intrinsic" src="/images/posts/notebook-4839909_o128.webp" alt="thumbnail for Short Notes ..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="411" layout="intrinsic" src="/images/posts/notebook-4839909_o128.png" alt="thumbnail for Short Notes ..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQxMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/comp-sci/fuzzy-logic" rel="bookmark">Short Notes on Fuzzy Logic</a></h3> <p class="card-text">A summary about the types of Fuzzy Logic and their applications in control systems.</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/computer-science/">Computer Science</a></small> </li><li> <small><a href="/tag/fuzzy-logic/">Fuzzy Logic</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2015-06-10T08:36:00+08:00" itemprop="datePublished" title="Published on">10 Jun 2015</time></div> <span class="post-read-more"><a href="/blog/comp-sci/fuzzy-logic" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li><li> <small><a href="/category/computer-science/">Computer Science</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
 </div>
 <div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/matlab/Working-MATLAB-with-MS-Excel" aria-hidden="true" tabindex="-1"><figure><amp-img width="251" height="262" layout="intrinsic" src="/images/posts/matlab/excel_addin_menu.webp" alt="thumbnail for Working MATL..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI2MiIgd2lkdGg9IjI1MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="251" height="262" layout="intrinsic" src="/images/posts/matlab/excel_addin_menu.png" alt="thumbnail for Working MATL..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI2MiIgd2lkdGg9IjI1MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/matlab/Working-MATLAB-with-MS-Excel" rel="bookmark">Working MATLAB with MS Excel</a></h3> <p class="card-text">This is a tutorial to show the installation of Spreadsheet Link EX for use with MATLAB and Excel.
 </p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/data-science/">Data Science</a></small> </li><li> <small><a href="/tag/matlab/">MATLAB</a></small> </li><li> <small><a href="/tag/ms-excel/">MS Excel</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2015-03-10T00:00:00+08:00" itemprop="datePublished" title="Published on">10 Mar 2015</time></div> <span class="post-read-more"><a href="/blog/matlab/Working-MATLAB-with-MS-Excel" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
@@ -45,7 +47,7 @@
 </div>
 <div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/2014/06/13/How-to-Send-a-Notification-from-a-LAMMPS-Simulation-to-Your-Email" aria-hidden="true" tabindex="-1"><figure><amp-img width="620" height="158" layout="intrinsic" src="/images/posts/lammps/lammps_send_email_transparent.webp" alt="thumbnail for How to Send ..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1OCIgd2lkdGg9IjYyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="620" height="158" layout="intrinsic" src="/images/posts/lammps/lammps_send_email_transparent.png" alt="thumbnail for How to Send ..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1OCIgd2lkdGg9IjYyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/2014/06/13/How-to-Send-a-Notification-from-a-LAMMPS-Simulation-to-Your-Email" rel="bookmark">How to Send a Notification from a LAMMPS Simulation to Your Email</a></h3> <p class="card-text">Molecular dynamics simulations often take long computational times, from several hours to a few days. It is a boring job to monitor the progress of simulations. Very often, we switch...</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/command-line/">Command-line</a></small> </li><li> <small><a href="/tag/email/">Email</a></small> </li><li> <small><a href="/tag/lammps/">LAMMPS</a></small> </li><li> <small><a href="/tag/molecular-dynamics/">Molecular dynamics</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2014-06-13T00:00:00+08:00" itemprop="datePublished" title="Published on">13 Jun 2014</time></div> <span class="post-read-more"><a href="/blog/2014/06/13/How-to-Send-a-Notification-from-a-LAMMPS-Simulation-to-Your-Email" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div><div class="clearfix"></div> </div> </div> </div> </article>
 </div>
-</div>  <div class="bottompagination"> <span class="navigation" role="navigation"><nav class="pagination" role="navigation" aria-label="Pagination Navigation"><a class="newer-posts" href="/blog/page4/" aria-label="Goto Page with Newer Posts">&laquo; Newer </a><span class="page-number"> &nbsp; &nbsp; Page 5 of 5 &nbsp; &nbsp; </span></nav> </span> </div> </div> </section> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+</div>  <div class="bottompagination"> <span class="navigation" role="navigation"><nav class="pagination" role="navigation" aria-label="Pagination Navigation"><a class="newer-posts" href="/blog/page4/" aria-label="Goto Page with Newer Posts">&laquo; Newer </a><span class="page-number"> &nbsp; &nbsp; Page 5 of 5 &nbsp; &nbsp; </span></nav> </span> </div> </div> </section> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Automate-Interactions-with-Contact-Center-AI-Challenge-Lab.html b/blog/qwiklabs/Automate-Interactions-with-Contact-Center-AI-Challenge-Lab.html
index 115b89b36..ddc0a81d6 100644
--- a/blog/qwiklabs/Automate-Interactions-with-Contact-Center-AI-Challenge-Lab.html
+++ b/blog/qwiklabs/Automate-Interactions-with-Contact-Center-AI-Challenge-Lab.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -45,7 +45,7 @@
 </blockquote> <figure><amp-img width="914" height="847" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp311-task7-bigquery.webp" alt="Image in ☁ Automate Interactions with Contact Center AI: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9Ijg0NyIgd2lkdGg9IjkxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="914" height="847" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp311-task7-bigquery.png" alt="Image in ☁ Automate Interactions with Contact Center AI: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9Ijg0NyIgd2lkdGg9IjkxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <h2 id="task-8-run-a-data-loss-prevention-job">Task 8: Run a Data Loss Prevention Job<a class="anchor-link" href="#task-8-run-a-data-loss-prevention-job"><i class="fas fa-link"></i></a></h2> <p>You must make a copy of your BigQuery table before running a Data Loss Prevention Job</p> <ol> <li>Navigate to <strong>BigQuery</strong> in the Cloud Console</li> <li>Select the table generated by the Dataflow pipeline.</li> <li>Click on <strong>More</strong> &gt; <strong>Query settings</strong>.</li> <li>Assign a Table name, e.g. <code class="language-plaintext highlighter-rouge">copied</code>, then click <strong>Save</strong>.</li>
 </ol> <figure class="text-center"><amp-img width="317" height="314" layout="intrinsic" src="/images/posts//qwiklabs/qwiklab-gsp311-task8-copy-bigqury-table.webp" alt="Image in ☁ Automate Interactions with Contact Center AI: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMxNCIgd2lkdGg9IjMxNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="317" height="314" layout="intrinsic" src="/images/posts//qwiklabs/qwiklab-gsp311-task8-copy-bigqury-table.png" alt="Image in ☁ Automate Interactions with Contact Center AI: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMxNCIgd2lkdGg9IjMxNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <ol start="5"> <li> <p>Run the following SQL query:</p> <div class="language-sql highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="k">SELECT</span> <span class="o">*</span> <span class="k">FROM</span> <span class="nv">`[YOUR_PROJECT_ID].[DATASET_NAME].[TABLE]`</span>
 </code></pre></div> </div> </li> <li>Select the copied table, then click on <strong>EXPORT</strong> &gt; <strong>Scan with DLP</strong>.</li> <li>In the <em>Create job or job trigger</em> pane, assign a Job ID and then click <strong>CREATE</strong>.</li> <li>Click <strong>CONFIRM CREATE</strong>.</li>
-</ol> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="summary">Summary<a class="anchor-link" href="#summary"><i class="fas fa-link"></i></a></h2> <p>Tasks 1 to 5 were pretty straightforward. If you prefer using the command line to create the resources, please refer to the <a data-vars-event-label="https://github.com/GoogleCloudPlatform/dataflow-contact-center-speech-analysis" href="https://github.com/GoogleCloudPlatform/dataflow-contact-center-speech-analysis">README file</a> of the Speech Analysis Framework in the GitHub repository. You can also find the commands to deploy the <code class="language-plaintext highlighter-rouge">saflongrunjobdataflow.py</code> Python script in Task 6 and the SQL query for getting the answer in Task 7.</p> <p>Only Task 7 was a little tricky. You will get stuck if you try to make a copy of the table using the <strong>COPY TABLE</strong> button in the BigQuery console. It can copy the table structure but cannot copy the data in the table. Once you know how to correctly clone the table, the task is just a piece of cake.</p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-uiKc2_i8IOM" width="480" height="270" layout="responsive" data-videoid="uiKc2_i8IOM" title="GSP311 Automate Interactions with Contact Center AI: Challenge Lab" data-vars-video-title="GSP311 Automate Interactions with Contact Center AI: Challenge Lab" data-vars-video-url="https://www.youtube.com/watch?v=uiKc2_i8IOM" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=uiKc2_i8IOM" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
+</ol> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="summary">Summary<a class="anchor-link" href="#summary"><i class="fas fa-link"></i></a></h2> <p>Tasks 1 to 5 were pretty straightforward. If you prefer using the command line to create the resources, please refer to the <a data-vars-event-label="https://github.com/GoogleCloudPlatform/dataflow-contact-center-speech-analysis" href="https://github.com/GoogleCloudPlatform/dataflow-contact-center-speech-analysis">README file</a> of the Speech Analysis Framework in the GitHub repository. You can also find the commands to deploy the <code class="language-plaintext highlighter-rouge">saflongrunjobdataflow.py</code> Python script in Task 6 and the SQL query for getting the answer in Task 7.</p> <p>Only Task 7 was a little tricky. You will get stuck if you try to make a copy of the table using the <strong>COPY TABLE</strong> button in the BigQuery console. It can copy the table structure but cannot copy the data in the table. Once you know how to correctly clone the table, the task is just a piece of cake.</p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-uiKc2_i8IOM" width="480" height="270" layout="responsive" credentials="omit" data-videoid="uiKc2_i8IOM" title="GSP311 Automate Interactions with Contact Center AI: Challenge Lab" data-vars-video-title="GSP311 Automate Interactions with Contact Center AI: Challenge Lab" data-vars-video-url="https://www.youtube.com/watch?v=uiKc2_i8IOM" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=uiKc2_i8IOM" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
 </amp-youtube> <div class="language-conf highlighter-rouge"><div class="highlight"><pre class="highlight"><code>⏱<span class="n">Timestamps</span>:
 <span class="m">00</span>:<span class="m">00</span> <span class="n">Lab</span> <span class="n">start</span>
 <span class="m">00</span>:<span class="m">59</span> <span class="n">Task1</span>: <span class="n">Create</span> <span class="n">a</span> <span class="n">Cloud</span> <span class="n">Storage</span> <span class="n">Bucket</span>
@@ -66,18 +66,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Automate Interactions with Contact Center AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Automate Interactions with Contact Center AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Automate Interactions with Contact Center AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Automate Interactions with Contact Center AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Automate Interactions with Contact Center AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Automate Interactions with Contact Center AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Automate Interactions with Contact Center AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Automate Interactions with Contact Center AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Automate Interactions with Contact Center AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Automate Interactions with Contact Center AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Automate Interactions with Contact Center AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Automate Interactions with Contact Center AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Automate Interactions with Contact Center AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='uiKc2_i8IOM']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='uiKc2_i8IOM']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='uiKc2_i8IOM']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='uiKc2_i8IOM']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='uiKc2_i8IOM']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='uiKc2_i8IOM']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='uiKc2_i8IOM']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='uiKc2_i8IOM']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Build-a-Website-on-Google-Cloud-Challenge-Lab.html b/blog/qwiklabs/Build-a-Website-on-Google-Cloud-Challenge-Lab.html
index 0da03c8c7..7cf83a264 100644
--- a/blog/qwiklabs/Build-a-Website-on-Google-Cloud-Challenge-Lab.html
+++ b/blog/qwiklabs/Build-a-Website-on-Google-Cloud-Challenge-Lab.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -48,7 +48,7 @@
 </code></pre></div></div> <h2 id="task-7-deploy-the-frontend-microservice">Task 7: Deploy the Frontend microservice<a class="anchor-link" href="#task-7-deploy-the-frontend-microservice"><i class="fas fa-link"></i></a></h2> <p>Similar to Task 4, use <code class="language-plaintext highlighter-rouge">kubectl</code> commands to deploy the Frontend microservice:</p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>kubectl create deployment frontend <span class="nt">--image</span><span class="o">=</span>gcr.io/<span class="k">${</span><span class="nv">GOOGLE_CLOUD_PROJECT</span><span class="k">}</span>/frontend:1.0.0
 
 kubectl expose deployment frontend <span class="nt">--type</span><span class="o">=</span>LoadBalancer <span class="nt">--port</span> 80 <span class="nt">--target-port</span> 8080
-</code></pre></div></div> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="summary">Summary<a class="anchor-link" href="#summary"><i class="fas fa-link"></i></a></h2> <p>Most steps in the exercise are identical to those in the lab <strong>Migrating a Monolithic Website to Microservices on Google Kubernetes Engine</strong>. To complete this challenge, make sure you carefully replace the cluster and deployment names with the specified ones. If you still have questions, you can leave a comment below.</p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-8jumRGDgxiY" width="480" height="270" layout="responsive" data-videoid="8jumRGDgxiY" title="GSP319 Build a Website on Google Cloud: Challenge Lab" data-vars-video-title="GSP319 Build a Website on Google Cloud: Challenge Lab" data-vars-video-url="https://www.youtube.com/watch?v=8jumRGDgxiY" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=8jumRGDgxiY" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
+</code></pre></div></div> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="summary">Summary<a class="anchor-link" href="#summary"><i class="fas fa-link"></i></a></h2> <p>Most steps in the exercise are identical to those in the lab <strong>Migrating a Monolithic Website to Microservices on Google Kubernetes Engine</strong>. To complete this challenge, make sure you carefully replace the cluster and deployment names with the specified ones. If you still have questions, you can leave a comment below.</p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-8jumRGDgxiY" width="480" height="270" layout="responsive" credentials="omit" data-videoid="8jumRGDgxiY" title="GSP319 Build a Website on Google Cloud: Challenge Lab" data-vars-video-title="GSP319 Build a Website on Google Cloud: Challenge Lab" data-vars-video-url="https://www.youtube.com/watch?v=8jumRGDgxiY" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=8jumRGDgxiY" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
 </amp-youtube> <div class="language-conf highlighter-rouge"><div class="highlight"><pre class="highlight"><code>⏱<span class="n">Timestamps</span>:
 <span class="m">00</span>:<span class="m">00</span> <span class="n">Lab</span> <span class="n">Start</span>: <span class="n">Overview</span>
 <span class="m">01</span>:<span class="m">00</span> <span class="n">Task1</span>: <span class="n">Download</span> <span class="n">the</span> <span class="n">monolith</span> <span class="n">code</span> <span class="n">and</span> <span class="n">build</span> <span class="n">your</span> <span class="n">container</span>
@@ -69,18 +69,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Build a Website on Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Build a Website on Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Build a Website on Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Build a Website on Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Build a Website on Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Build a Website on Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Build a Website on Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Build a Website on Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Build a Website on Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Build a Website on Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Build a Website on Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Build a Website on Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Build a Website on Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='8jumRGDgxiY']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='8jumRGDgxiY']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='8jumRGDgxiY']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='8jumRGDgxiY']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='8jumRGDgxiY']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='8jumRGDgxiY']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='8jumRGDgxiY']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='8jumRGDgxiY']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Build-and-Deploy-a-Docker-Image-to-a-Kubernetes-Cluster.html b/blog/qwiklabs/Build-and-Deploy-a-Docker-Image-to-a-Kubernetes-Cluster.html
index 71c55b7b5..2b2027b5c 100644
--- a/blog/qwiklabs/Build-and-Deploy-a-Docker-Image-to-a-Kubernetes-Cluster.html
+++ b/blog/qwiklabs/Build-and-Deploy-a-Docker-Image-to-a-Kubernetes-Cluster.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -46,18 +46,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Build and Deploy a Docker Image to a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Build and Deploy a Docker Image to a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Build and Deploy a Docker Image to a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Build and Deploy a Docker Image to a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Build and Deploy a Docker Image to a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Build and Deploy a Docker Image to a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Build and Deploy a Docker Image to a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Build and Deploy a Docker Image to a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Build and Deploy a Docker Image to a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Build and Deploy a Docker Image to a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Build and Deploy a Docker Image to a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Build and Deploy a Docker Image to a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Build and Deploy a Docker Image to a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Build-and-Manage-APIs-with-Apigee-Challenge-Lab.html b/blog/qwiklabs/Build-and-Manage-APIs-with-Apigee-Challenge-Lab.html
index d94547863..6cbc75d88 100644
--- a/blog/qwiklabs/Build-and-Manage-APIs-with-Apigee-Challenge-Lab.html
+++ b/blog/qwiklabs/Build-and-Manage-APIs-with-Apigee-Challenge-Lab.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -128,7 +128,7 @@
       "expiration": "10/2025"
    } '</span>
 </code></pre></div></div> <p>Expected output:</p> <div class="language-json highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="p">{</span><span class="nl">"valid"</span><span class="p">:</span><span class="kc">true</span><span class="p">,</span><span class="nl">"message"</span><span class="p">:</span><span class="s2">"mock response"</span><span class="p">}</span><span class="w">
-</span></code></pre></div></div> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-Hcs40i_2o0E" width="480" height="270" layout="responsive" data-videoid="Hcs40i_2o0E" title="GSP336 Build and Manage APIs with Apigee: Challenge Lab" data-vars-video-title="GSP336 Build and Manage APIs with Apigee: Challenge Lab" data-vars-video-url="https://www.youtube.com/watch?v=Hcs40i_2o0E" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=Hcs40i_2o0E" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
+</span></code></pre></div></div> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-Hcs40i_2o0E" width="480" height="270" layout="responsive" credentials="omit" data-videoid="Hcs40i_2o0E" title="GSP336 Build and Manage APIs with Apigee: Challenge Lab" data-vars-video-title="GSP336 Build and Manage APIs with Apigee: Challenge Lab" data-vars-video-url="https://www.youtube.com/watch?v=Hcs40i_2o0E" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=Hcs40i_2o0E" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
 </amp-youtube> <div class="language-conf highlighter-rouge"><div class="highlight"><pre class="highlight"><code>⏱<span class="n">Timestamps</span>:
 <span class="m">00</span>:<span class="m">00</span> <span class="n">Start</span> <span class="n">Lab</span>
 --- <span class="n">Task</span> <span class="m">1</span> ---
@@ -158,18 +158,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Build and Manage APIs with Apigee: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Build and Manage APIs with Apigee: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Build and Manage APIs with Apigee: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Build and Manage APIs with Apigee: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Build and Manage APIs with Apigee: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Build and Manage APIs with Apigee: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Build and Manage APIs with Apigee: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Build and Manage APIs with Apigee: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Build and Manage APIs with Apigee: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Build and Manage APIs with Apigee: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Build and Manage APIs with Apigee: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Build and Manage APIs with Apigee: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Build and Manage APIs with Apigee: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='Hcs40i_2o0E']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='Hcs40i_2o0E']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='Hcs40i_2o0E']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='Hcs40i_2o0E']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='Hcs40i_2o0E']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='Hcs40i_2o0E']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='Hcs40i_2o0E']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='Hcs40i_2o0E']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Build-and-Secure-Networks-in-Google-Cloud-Challenge-Lab.html b/blog/qwiklabs/Build-and-Secure-Networks-in-Google-Cloud-Challenge-Lab.html
index a96f0696e..50d3bfa25 100644
--- a/blog/qwiklabs/Build-and-Secure-Networks-in-Google-Cloud-Challenge-Lab.html
+++ b/blog/qwiklabs/Build-and-Secure-Networks-in-Google-Cloud-Challenge-Lab.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -22,7 +22,7 @@
 </ol> <h2 id="5-create-a-firewall-rule-that-allows-traffic-on-ssh-tcp22-from-acme-mgmt-subnet-network-address-and-add-network-tag-on-juice-shop">5. Create a firewall rule that allows traffic on SSH (tcp/22) from acme-mgmt-subnet network address and add network tag on juice-shop<a class="anchor-link" href="#5-create-a-firewall-rule-that-allows-traffic-on-ssh-tcp22-from-acme-mgmt-subnet-network-address-and-add-network-tag-on-juice-shop"><i class="fas fa-link"></i></a></h2> <ol> <li>Navigate to <strong>VPC network</strong> &gt; <strong>VPC networks</strong>.</li> <li>Copy the IP address range of the <code class="language-plaintext highlighter-rouge">acme-mgmt-subnet</code>.</li> <li>Go back to the Firewall Rules page, and click <strong>Create firewall rule</strong>.</li> <li> <p>Configure the following settings:</p> <table> <thead> <tr> <th>Field</th> <th>Value</th> </tr> </thead> <tbody> <tr> <td>Name</td> <td>e.g. <code class="language-plaintext highlighter-rouge">allow-ssh-from-mgmt-subnet</code></td> </tr> <tr> <td>Direction of traffic</td> <td>Ingress</td> </tr> <tr> <td>Targets</td> <td>Specified target tags</td> </tr> <tr> <td>Target tags</td> <td><code class="language-plaintext highlighter-rouge">bastion</code> and <code class="language-plaintext highlighter-rouge">juice-shop</code></td> </tr> <tr> <td>Source IP ranges</td> <td><em>IP address range of your aceme-mgmt-subnet</em></td> </tr> <tr> <td>Protocols and ports</td> <td>Select <strong>TCP</strong> and enter <code class="language-plaintext highlighter-rouge">22</code> to allow SSH</td> </tr> </tbody> </table> </li>
 </ol> <figure class="text-center"><amp-img width="562" height="887" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp322-firewall-rule-settings-for-ssh-from-acme-mgmt-subnet.webp" alt="Firewall rule settings for the SSH traffic from acme-mgmt-subnet" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9Ijg4NyIgd2lkdGg9IjU2MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="562" height="887" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp322-firewall-rule-settings-for-ssh-from-acme-mgmt-subnet.jpg" alt="Firewall rule settings for the SSH traffic from acme-mgmt-subnet" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9Ijg4NyIgd2lkdGg9IjU2MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <h2 id="6-ssh-to-bastion-host-via-iap-and-juice-shop-via-bastion">6. SSH to bastion host via IAP and juice-shop via bastion<a class="anchor-link" href="#6-ssh-to-bastion-host-via-iap-and-juice-shop-via-bastion"><i class="fas fa-link"></i></a></h2> <p>After configuring the firewall rules, try to verify the environment via the bastion.</p> <ol> <li>Navigate to <strong>Compute Engine</strong> &gt; <strong>VM instances</strong>.</li> <li>Copy the Internal IP of the <strong>juice-shop</strong> instance.</li> <li>Click on the SSH button in the row of the <strong>bastion</strong> instance.</li> <li> <p>In the SSH console, access the juice-shop from the bastion using the following command:</p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>ssh &lt;internal-IP-of-juice-shop&gt;
 </code></pre></div> </div> <p>(Remember to REPLACE <code class="language-plaintext highlighter-rouge">&lt;internal-IP-of-juice-shop&gt;</code> with the copied IP address)</p> </li>
-</ol> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-NToEHzJTpgs" width="480" height="270" layout="responsive" data-videoid="NToEHzJTpgs" title="GSP322 Build and Secure Networks in Google Cloud: Challenge Lab" data-vars-video-title="GSP322 Build and Secure Networks in Google Cloud: Challenge Lab" data-vars-video-url="https://www.youtube.com/watch?v=NToEHzJTpgs" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=NToEHzJTpgs" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
+</ol> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-NToEHzJTpgs" width="480" height="270" layout="responsive" credentials="omit" data-videoid="NToEHzJTpgs" title="GSP322 Build and Secure Networks in Google Cloud: Challenge Lab" data-vars-video-title="GSP322 Build and Secure Networks in Google Cloud: Challenge Lab" data-vars-video-url="https://www.youtube.com/watch?v=NToEHzJTpgs" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=NToEHzJTpgs" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
 </amp-youtube> <div class="language-conf highlighter-rouge"><div class="highlight"><pre class="highlight"><code>⏱<span class="n">Timestamps</span>:
 <span class="m">0</span>:<span class="m">00</span> <span class="n">Start</span> <span class="n">Lab</span> <span class="n">and</span> <span class="n">Provisioning</span>
 <span class="m">2</span>:<span class="m">18</span> <span class="n">Remove</span> <span class="n">the</span> <span class="n">overly</span> <span class="n">permissive</span> <span class="n">rules</span>
@@ -41,18 +41,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Build and Secure Networks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Build and Secure Networks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Build and Secure Networks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Build and Secure Networks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Build and Secure Networks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Build and Secure Networks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Build and Secure Networks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Build and Secure Networks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Build and Secure Networks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Build and Secure Networks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Build and Secure Networks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Build and Secure Networks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Build and Secure Networks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='NToEHzJTpgs']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='NToEHzJTpgs']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='NToEHzJTpgs']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='NToEHzJTpgs']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='NToEHzJTpgs']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='NToEHzJTpgs']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='NToEHzJTpgs']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='NToEHzJTpgs']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Configure-Windows-Bastion-Host-with-Terraform-on-GCP.html b/blog/qwiklabs/Configure-Windows-Bastion-Host-with-Terraform-on-GCP.html
index 24594498c..694209199 100644
--- a/blog/qwiklabs/Configure-Windows-Bastion-Host-with-Terraform-on-GCP.html
+++ b/blog/qwiklabs/Configure-Windows-Bastion-Host-with-Terraform-on-GCP.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -13,7 +13,7 @@
 </li></ul>
 <ul class="navbar-btngroup row ml-auto"><li class="nav-item"> <div class="invitation-codes"> <a class="btn invitation-codes-badge" href="https://invitation.codes/@chriskyfung" data-type data-vars-event-label="Invitation Code Button" aria-label="invitation.codes - link opens in a new tab" title="invitation.codes - Open in New Tab" rel="noopener noreferrer" target="_blank"> <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment-alt-dots" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width:20px"> <path fill="currentColor" d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm16 352c0 8.8-7.2 16-16 16H288l-12.8 9.6L208 428v-60H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h384c8.8 0 16 7.2 16 16v288zM128 176c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32z" class=""/> </svg> </a>
 </div> </li><li class="nav-item"> <a class="gh-style btn btn-block" style="margin: 2px 0" aria-label="Sponsor @chriskyfung" target="_top" href="https://github.com/sponsors/chriskyfung?o=esb"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart icon-sponsor color-fg-sponsors"> <path fill-rule="evenodd" d="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z"/> </svg> <span>Sponsor</span> </a> </li><li class="nav-item"> <button type="button" on="tap:amp-searchbar" id="toggle-search" class="btn btn-primary" data-toggle="modal" data-target="#searchbar" title="search" accesskey="/"> <i class="fas fa-search"></i> </button> </li> </ul> </div>  </div> </nav> <amp-lightbox scrollable id="amp-searchbar" layout="nodisplay" animate-in="fade-in" hidden="hidden" class="i-amphtml-layout-nodisplay" i-amphtml-layout="nodisplay"> <div class="modal-dialog modal-lg">  <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Search for</h5> <button class="close" type="button" on="tap:amp-searchbar.close" aria-label="Close Search Modal" tabindex="-1">×</button> </div> <div class="modal-body"> <div class="search_form"> <form method="GET" action="/search" target="_top"> <amp-autocomplete class="searchbox i-amphtml-layout-container" filter="substring" src="/assets/data/suggestions.json" i-amphtml-layout="container"> <input class="form-control" name="q" type="search" placeholder="Search" required> </amp-autocomplete> <input hidden name="sitesearch" value="chriskyfung.github.io"> <button class="btn btn-primary" type="submit">Search</button> </form> </div> </div> </div> </div> </amp-lightbox>   <div class="site-content"> <div class="container">  <div class="main-content" style="margin-top: 88px;">  <div class="row"> <div id="post" class="col-md-8 col-lg-8"> <div class="mainheading">  <div class="after-post-tags"> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div>   <h1 class="posttitle">☁ Use Terraform to Configure Secure RDP using a Windows Bastion Host on GCP</h1> </div> <amp-img data-hero class="featured-image i-amphtml-layout-responsive i-amphtml-layout-size-defined" width="730" height="495" layout="responsive" src="/images/posts/qwiklabs/qwiklabs-GSP303-diagram.webp" alt="☁ Use Terraform to Configure Secure RDP using a Windows Bastion Host on GCP" i-amphtml-ssr i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:67.8082%"></i-amphtml-sizer> <amp-img data-hero fallback class="featured-image i-amphtml-layout-responsive i-amphtml-layout-size-defined" width="730" height="495" layout="responsive" src="/images/posts/qwiklabs/qwiklabs-GSP303-diagram.png" alt="☁ Use Terraform to Configure Secure RDP using a Windows Bastion Host on GCP" i-amphtml-ssr i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:67.8082%"></i-amphtml-sizer><img class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" alt="☁ Use Terraform to Configure Secure RDP using a Windows Bastion Host on GCP" src="/images/posts/qwiklabs/qwiklabs-GSP303-diagram.png"></amp-img> <img class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" alt="☁ Use Terraform to Configure Secure RDP using a Windows Bastion Host on GCP" src="/images/posts/qwiklabs/qwiklabs-GSP303-diagram.webp"></amp-img>  <p> <small> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-09-07T00:00:00+08:00" itemprop="datePublished" title="Published on">07 Sep 2019</time></div> </small> </p> <div class="article-post"><p>The topic <em>“Configure Secure RDP using a Windows Bastion Host”</em> is from a challenging lab that I took on Qwiklabs (here is the <a data-vars-event-label="https://www.qwiklabs.com/catalog?keywords=GSP303" href="https://www.qwiklabs.com/catalog?keywords=GSP303">link to the lab</a>). It was a tricky one that I failed and did a few times of retakes to accomplish it. If you face the same challenge, I hope this blog article would help you. I will share my codes with you for your reference.</p>  <p><a data-vars-event-label="https://www.qwiklabs.com" href="https://www.qwiklabs.com">Qwiklabs</a> has over 400 hands-on labs and is a great online self-paced learning <strong>Google Cloud Platform (GCP)</strong>. Most exercises on Qwiklabs provide clear step-by-step instructions for you to follow and finish the labs, except a few Advanced Challenge Labs. Those labs are not easy because they do not offer the “cookbook” steps. You have to figure out the solutions by yourself as the exercises for students who prepare for the <a data-vars-event-label="https://cloud.google.com/certification/cloud-architect" href="https://cloud.google.com/certification/cloud-architect">Google Cloud Certified Professional Cloud Architect</a>. The lab <strong>GSP303</strong> <em>“<a data-vars-event-label="https://google.qwiklabs.com/focuses/1737?parent=catalog" href="https://google.qwiklabs.com/focuses/1737?parent=catalog">Configure Secure RDP using a Windows Bastion Host</a>“</em> is one of the challenge exercises.</p> <h2 id="brief-introduction-of-challenge-scenario">Brief Introduction of Challenge Scenario<a class="anchor-link" href="#brief-introduction-of-challenge-scenario"><i class="fas fa-link"></i></a></h2> <p>When you open the page of this lab on Qwiklabs, you can find the task requirements by click the green activity tracker (on the top right of the page) to expand the score box.</p> <figure class="shadow-none text-center"><amp-img width="608" height="823" layout="intrinsic" src="/images/posts/qwiklabs/score_box_of_qwiklabs_GSP303.webp" alt="Screenshot of Green Score box of Qwiklabs Hands-on-lab GSP303" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjgyMyIgd2lkdGg9IjYwOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="608" height="823" layout="intrinsic" src="/images/posts/qwiklabs/score_box_of_qwiklabs_GSP303.png" alt="Screenshot of Green Score box of Qwiklabs Hands-on-lab GSP303" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjgyMyIgd2lkdGg9IjYwOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <p>The screenshot above shows that there are six steps required for completing this lab. Combining with the instruction details, they are translated to the following mission statements.</p> <ol> <li> <p>Create a new non-default VPC called <code class="language-plaintext highlighter-rouge">securenetwork</code>.</p> </li> <li> <p>Create a new non-default subnet within <code class="language-plaintext highlighter-rouge">securenetwork</code>.</p> </li> <li> <p>Configure a firewall rule that allows TCP port 3389 traffic ( for RDP ) the internet to the bastion host called <code class="language-plaintext highlighter-rouge">vm-bastionhost</code> using network tags.</p> </li> <li> <p>Create a Windows 2016 server instance <code class="language-plaintext highlighter-rouge">vm-bastionhost</code> by applying the above firewall rule.</p> </li> <li> <p>Create a Windows 2016 server instance called <code class="language-plaintext highlighter-rouge">vm-securehost</code> that does not have a public IP address.</p> </li> <li> <p>The <code class="language-plaintext highlighter-rouge">vm-securehost</code> is running Microsoft IIS web server software.</p> </li>
-</ol> <amp-youtube id="yt-nyimrSBKpr8" width="480" height="270" layout="responsive" data-videoid="nyimrSBKpr8" title="Configure Secure RDP using a Windows Bastion Host" data-vars-video-title="Configure Secure RDP using a Windows Bastion Host" data-vars-video-url="https://www.youtube.com/watch?v=nyimrSBKpr8" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=nyimrSBKpr8" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
+</ol> <amp-youtube id="yt-nyimrSBKpr8" width="480" height="270" layout="responsive" credentials="omit" data-videoid="nyimrSBKpr8" title="Configure Secure RDP using a Windows Bastion Host" data-vars-video-title="Configure Secure RDP using a Windows Bastion Host" data-vars-video-url="https://www.youtube.com/watch?v=nyimrSBKpr8" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=nyimrSBKpr8" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
 </amp-youtube> <p><br></p> <p>You can manually create and configure the cloud resources using the GCP console, but <a data-vars-event-label="https://www.terraform.io/" href="https://www.terraform.io/">Terraform</a> is a more robust approach to deploy the solution automatically with appropriate declarative configuration files.</p> <figure><amp-img width="730" height="495" layout="intrinsic" src="/images/posts/qwiklabs/qwiklabs-GSP303-diagram.webp" alt="Schematic Diagram of the Secure RDP Windows Network" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ5NSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="495" layout="intrinsic" src="/images/posts/qwiklabs/qwiklabs-GSP303-diagram.png" alt="Schematic Diagram of the Secure RDP Windows Network" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ5NSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img><figcaption>Schematic Diagram of the Secure RDP Windows Network</figcaption></figure> <h2 id="deploy-the-infrastructure-on-gcp-with-terraform">Deploy the infrastructure on GCP with Terraform<a class="anchor-link" href="#deploy-the-infrastructure-on-gcp-with-terraform"><i class="fas fa-link"></i></a></h2> <p>If you are not familiar with Terraform, I recommend you learn or practice the Quest <em>“<a data-vars-event-label="https://google.qwiklabs.com/quests/44" href="https://google.qwiklabs.com/quests/44">Managing Cloud Infrastructure with Terraform</a>“</em> before getting started.</p> <h3 id="verifying-terraform-installation">Verifying Terraform Installation<a class="anchor-link" href="#verifying-terraform-installation"><i class="fas fa-link"></i></a></h3> <p>In your GCP project, launch a Cloud Shell to run the following scripts to download and set up Terraform.</p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c"># Check the current Terraform version</span>
 terraform <span class="nt">--version</span>
 
@@ -174,18 +174,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Use Terraform to Configure Secure RDP using a Windows Bastion Host on GCP" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Use Terraform to Configure Secure RDP using a Windows Bastion Host on GCP" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Use Terraform to Configure Secure RDP using a Windows Bastion Host on GCP" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Use Terraform to Configure Secure RDP using a Windows Bastion Host on GCP" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Use Terraform to Configure Secure RDP using a Windows Bastion Host on GCP" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Use Terraform to Configure Secure RDP using a Windows Bastion Host on GCP" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Use Terraform to Configure Secure RDP using a Windows Bastion Host on GCP" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Use Terraform to Configure Secure RDP using a Windows Bastion Host on GCP" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Use Terraform to Configure Secure RDP using a Windows Bastion Host on GCP" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Use Terraform to Configure Secure RDP using a Windows Bastion Host on GCP" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Use Terraform to Configure Secure RDP using a Windows Bastion Host on GCP" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Use Terraform to Configure Secure RDP using a Windows Bastion Host on GCP" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Use Terraform to Configure Secure RDP using a Windows Bastion Host on GCP" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='nyimrSBKpr8']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='nyimrSBKpr8']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='nyimrSBKpr8']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='nyimrSBKpr8']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='nyimrSBKpr8']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='nyimrSBKpr8']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='nyimrSBKpr8']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='nyimrSBKpr8']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Configure-a-Firewall-and-a-Startup-Script-with-Deployment-Manager.html b/blog/qwiklabs/Configure-a-Firewall-and-a-Startup-Script-with-Deployment-Manager.html
index 8a01ea844..dadba981b 100644
--- a/blog/qwiklabs/Configure-a-Firewall-and-a-Startup-Script-with-Deployment-Manager.html
+++ b/blog/qwiklabs/Configure-a-Firewall-and-a-Startup-Script-with-Deployment-Manager.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -60,18 +60,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Configure a Firewall and a Startup Script with Deployment Manager | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Configure a Firewall and a Startup Script with Deployment Manager | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Configure a Firewall and a Startup Script with Deployment Manager | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Configure a Firewall and a Startup Script with Deployment Manager | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Configure a Firewall and a Startup Script with Deployment Manager | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Configure a Firewall and a Startup Script with Deployment Manager | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Configure a Firewall and a Startup Script with Deployment Manager | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Configure a Firewall and a Startup Script with Deployment Manager | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Configure a Firewall and a Startup Script with Deployment Manager | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Configure a Firewall and a Startup Script with Deployment Manager | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Configure a Firewall and a Startup Script with Deployment Manager | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Configure a Firewall and a Startup Script with Deployment Manager | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Configure a Firewall and a Startup Script with Deployment Manager | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Controlling-Your-Costs-Quiz.html b/blog/qwiklabs/Controlling-Your-Costs-Quiz.html
index cbd740a0d..0a325e75e 100644
--- a/blog/qwiklabs/Controlling-Your-Costs-Quiz.html
+++ b/blog/qwiklabs/Controlling-Your-Costs-Quiz.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -29,18 +29,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Controlling Your Costs [Quiz] | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Controlling Your Costs [Quiz] | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Controlling Your Costs [Quiz] | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Controlling Your Costs [Quiz] | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Controlling Your Costs [Quiz] | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Controlling Your Costs [Quiz] | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Controlling Your Costs [Quiz] | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Controlling Your Costs [Quiz] | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Controlling Your Costs [Quiz] | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Controlling Your Costs [Quiz] | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Controlling Your Costs [Quiz] | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Controlling Your Costs [Quiz] | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Controlling Your Costs [Quiz] | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Deploy-a-Compute-Instance-with-a-Remote-Startup-Script.html b/blog/qwiklabs/Deploy-a-Compute-Instance-with-a-Remote-Startup-Script.html
index db26b6705..cb9169ccb 100644
--- a/blog/qwiklabs/Deploy-a-Compute-Instance-with-a-Remote-Startup-Script.html
+++ b/blog/qwiklabs/Deploy-a-Compute-Instance-with-a-Remote-Startup-Script.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -31,18 +31,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Deploy a Compute Instance with a Remote Startup Script | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Deploy a Compute Instance with a Remote Startup Script | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Deploy a Compute Instance with a Remote Startup Script | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Deploy a Compute Instance with a Remote Startup Script | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Deploy a Compute Instance with a Remote Startup Script | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Deploy a Compute Instance with a Remote Startup Script | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Deploy a Compute Instance with a Remote Startup Script | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Deploy a Compute Instance with a Remote Startup Script | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Deploy a Compute Instance with a Remote Startup Script | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Deploy a Compute Instance with a Remote Startup Script | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Deploy a Compute Instance with a Remote Startup Script | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Deploy a Compute Instance with a Remote Startup Script | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Deploy a Compute Instance with a Remote Startup Script | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Deploy-and-Manage-Cloud-Environments-with-Google-Cloud-Challenge-Lab.html b/blog/qwiklabs/Deploy-and-Manage-Cloud-Environments-with-Google-Cloud-Challenge-Lab.html
index a8906956a..4762c58dd 100644
--- a/blog/qwiklabs/Deploy-and-Manage-Cloud-Environments-with-Google-Cloud-Challenge-Lab.html
+++ b/blog/qwiklabs/Deploy-and-Manage-Cloud-Environments-with-Google-Cloud-Challenge-Lab.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -52,18 +52,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Deploy and Manage Cloud Environments with Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Deploy and Manage Cloud Environments with Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Deploy and Manage Cloud Environments with Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Deploy and Manage Cloud Environments with Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Deploy and Manage Cloud Environments with Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Deploy and Manage Cloud Environments with Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Deploy and Manage Cloud Environments with Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Deploy and Manage Cloud Environments with Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Deploy and Manage Cloud Environments with Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Deploy and Manage Cloud Environments with Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Deploy and Manage Cloud Environments with Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Deploy and Manage Cloud Environments with Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Deploy and Manage Cloud Environments with Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Deploy-to-Kubernetes-in-Google-Cloud-Challenge-Lab.html b/blog/qwiklabs/Deploy-to-Kubernetes-in-Google-Cloud-Challenge-Lab.html
index 6e36c6061..53f65af42 100644
--- a/blog/qwiklabs/Deploy-to-Kubernetes-in-Google-Cloud-Challenge-Lab.html
+++ b/blog/qwiklabs/Deploy-to-Kubernetes-in-Google-Cloud-Challenge-Lab.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -61,7 +61,7 @@
 git add <span class="k">*</span>
 git commit <span class="nt">-m</span> <span class="s1">'green to orange'</span>
 git push origin master
-</code></pre></div></div> <p>Finally, manually trigger the build in the Jenkins console</p> <figure><amp-img width="730" height="342" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-GSP318-jenkins-build-queue.webp" alt="Image in ☁ Deploy to Kubernetes in Google Cloud: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0MiIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="342" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-GSP318-jenkins-build-queue.png" alt="Image in ☁ Deploy to Kubernetes in Google Cloud: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0MiIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <figure><amp-img width="730" height="748" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-GSP318-valkyrie-app-dev.2.webp" alt="Image in ☁ Deploy to Kubernetes in Google Cloud: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9Ijc0OCIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="748" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-GSP318-valkyrie-app-dev.2.png" alt="Image in ☁ Deploy to Kubernetes in Google Cloud: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9Ijc0OCIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-jtHZ_aSlI-4" width="480" height="270" layout="responsive" data-videoid="jtHZ_aSlI-4" title="GSP318 Deploy to Kubernetes in Google Cloud: Challenge Lab" data-vars-video-title="GSP318 Deploy to Kubernetes in Google Cloud: Challenge Lab" data-vars-video-url="https://www.youtube.com/watch?v=jtHZ_aSlI-4" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=jtHZ_aSlI-4" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
+</code></pre></div></div> <p>Finally, manually trigger the build in the Jenkins console</p> <figure><amp-img width="730" height="342" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-GSP318-jenkins-build-queue.webp" alt="Image in ☁ Deploy to Kubernetes in Google Cloud: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0MiIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="342" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-GSP318-jenkins-build-queue.png" alt="Image in ☁ Deploy to Kubernetes in Google Cloud: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0MiIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <figure><amp-img width="730" height="748" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-GSP318-valkyrie-app-dev.2.webp" alt="Image in ☁ Deploy to Kubernetes in Google Cloud: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9Ijc0OCIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="748" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-GSP318-valkyrie-app-dev.2.png" alt="Image in ☁ Deploy to Kubernetes in Google Cloud: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9Ijc0OCIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-jtHZ_aSlI-4" width="480" height="270" layout="responsive" credentials="omit" data-videoid="jtHZ_aSlI-4" title="GSP318 Deploy to Kubernetes in Google Cloud: Challenge Lab" data-vars-video-title="GSP318 Deploy to Kubernetes in Google Cloud: Challenge Lab" data-vars-video-url="https://www.youtube.com/watch?v=jtHZ_aSlI-4" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=jtHZ_aSlI-4" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
 </amp-youtube> <div class="language-conf highlighter-rouge"><div class="highlight"><pre class="highlight"><code>⏱<span class="n">Timestamps</span>:
 <span class="m">0</span>:<span class="m">00</span> <span class="n">Start</span> <span class="n">Lab</span> &amp; <span class="n">Overview</span>
 <span class="m">1</span>:<span class="m">18</span> <span class="n">Task</span> <span class="m">1</span>: <span class="n">Create</span> <span class="n">a</span> <span class="n">Docker</span> <span class="n">image</span> <span class="n">and</span> <span class="n">store</span> <span class="n">the</span> <span class="n">Dockerfile</span>
@@ -80,18 +80,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Deploy to Kubernetes in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Deploy to Kubernetes in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Deploy to Kubernetes in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Deploy to Kubernetes in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Deploy to Kubernetes in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Deploy to Kubernetes in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Deploy to Kubernetes in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Deploy to Kubernetes in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Deploy to Kubernetes in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Deploy to Kubernetes in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Deploy to Kubernetes in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Deploy to Kubernetes in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Deploy to Kubernetes in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='jtHZ_aSlI-4']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='jtHZ_aSlI-4']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='jtHZ_aSlI-4']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='jtHZ_aSlI-4']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='jtHZ_aSlI-4']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='jtHZ_aSlI-4']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='jtHZ_aSlI-4']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='jtHZ_aSlI-4']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Engineer-Data-in-Google-Cloud-Challenge-Lab.html b/blog/qwiklabs/Engineer-Data-in-Google-Cloud-Challenge-Lab.html
index c521c2cf7..55c59fc07 100644
--- a/blog/qwiklabs/Engineer-Data-in-Google-Cloud-Challenge-Lab.html
+++ b/blog/qwiklabs/Engineer-Data-in-Google-Cloud-Challenge-Lab.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -95,7 +95,7 @@
     <span class="k">FROM</span>
       <span class="n">taxitrips</span> <span class="p">))</span>
 </code></pre></div> </div> </li>
-</ol> <p>At the end of the lab, your BigQuery dataset should contain the following tables.</p> <figure class="text-center"><amp-img width="262" height="217" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp327-task3-resulted-tables.webp" alt="Image in ☁ Engineer Data in Google Cloud: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIxNyIgd2lkdGg9IjI2MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="262" height="217" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp327-task3-resulted-tables.png" alt="Image in ☁ Engineer Data in Google Cloud: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIxNyIgd2lkdGg9IjI2MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-myYCfRS15fM" width="480" height="270" layout="responsive" data-videoid="myYCfRS15fM" title="GSP327 Engineer Data in Google Cloud: Challenge Lab" data-vars-video-title="GSP327 Engineer Data in Google Cloud: Challenge Lab" data-vars-video-url="https://www.youtube.com/watch?v=myYCfRS15fM" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=myYCfRS15fM" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
+</ol> <p>At the end of the lab, your BigQuery dataset should contain the following tables.</p> <figure class="text-center"><amp-img width="262" height="217" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp327-task3-resulted-tables.webp" alt="Image in ☁ Engineer Data in Google Cloud: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIxNyIgd2lkdGg9IjI2MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="262" height="217" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp327-task3-resulted-tables.png" alt="Image in ☁ Engineer Data in Google Cloud: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIxNyIgd2lkdGg9IjI2MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-myYCfRS15fM" width="480" height="270" layout="responsive" credentials="omit" data-videoid="myYCfRS15fM" title="GSP327 Engineer Data in Google Cloud: Challenge Lab" data-vars-video-title="GSP327 Engineer Data in Google Cloud: Challenge Lab" data-vars-video-url="https://www.youtube.com/watch?v=myYCfRS15fM" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=myYCfRS15fM" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
 </amp-youtube> <div class="language-conf highlighter-rouge"><div class="highlight"><pre class="highlight"><code>⏱<span class="n">Timestamps</span>:
 <span class="m">00</span>:<span class="m">00</span> <span class="n">Start</span> <span class="n">Lab</span>
 <span class="m">00</span>:<span class="m">50</span> <span class="n">Task1</span>: <span class="n">Clean</span> <span class="n">your</span> <span class="n">training</span> <span class="n">data</span>
@@ -112,18 +112,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Engineer Data in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Engineer Data in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Engineer Data in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Engineer Data in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Engineer Data in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Engineer Data in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Engineer Data in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Engineer Data in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Engineer Data in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Engineer Data in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Engineer Data in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Engineer Data in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Engineer Data in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='myYCfRS15fM']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='myYCfRS15fM']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='myYCfRS15fM']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='myYCfRS15fM']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='myYCfRS15fM']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='myYCfRS15fM']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='myYCfRS15fM']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='myYCfRS15fM']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Explore-Machine-Learning-Models-with-Explainable-AI-Challenge-Lab.html b/blog/qwiklabs/Explore-Machine-Learning-Models-with-Explainable-AI-Challenge-Lab.html
index cfd56de67..c5b3ef47c 100644
--- a/blog/qwiklabs/Explore-Machine-Learning-Models-with-Explainable-AI-Challenge-Lab.html
+++ b/blog/qwiklabs/Explore-Machine-Learning-Models-with-Explainable-AI-Challenge-Lab.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -59,7 +59,7 @@
 </ol> <h3 id="troubleshooting-runtime-version-issue">Troubleshooting runtime version issue<a class="anchor-link" href="#troubleshooting-runtime-version-issue"><i class="fas fa-link"></i></a></h3> <p>The lab had a serious bug when I was carrying it out on Jun 12, 2020. I couldn’t pass the third checkpoint if set up the AI Platform models according to the lab instruction. The issue seems to be caused by the inconsistencies between the GCP training material and the Qwiklabs marking scheme. While the notebook guided to create the models with runtime version 2.1 and Python 3.7, the checkpoint message specified the required runtime version = 1.14 as shown in the below picture.</p> <figure class="text-center"><amp-img width="452" height="208" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp324-task4-deploy-models-to-ai-platform-error.webp" alt="Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwOCIgd2lkdGg9IjQ1MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="452" height="208" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp324-task4-deploy-models-to-ai-platform-error.png" alt="Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwOCIgd2lkdGg9IjQ1MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img><figcaption>Checkpoint requirement for creating your AI Platform models</figcaption></figure> <p>Unfortunately, it still doesn’t work if you just change the runtime version from 2.1 to 1.14. The runtime version 1.14 must be coupled with Python 3.5, according to the <a data-vars-event-label="https://cloud.google.com/ai-platform/prediction/docs/runtime-version-list#runtime-version-support" href="https://cloud.google.com/ai-platform/prediction/docs/runtime-version-list#runtime-version-support">AI Platform Documentation</a>. Thus, after replacing the runtime and Python version numbers, correspondingly, the codes for creating the AI Platform models should be modified as shown below.</p> <figure class="text-center"><amp-img width="675" height="389" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp324-task4-deploy-models-to-ai-platform-1st-model-v1.14.webp" alt="Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM4OSIgd2lkdGg9IjY3NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="675" height="389" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp324-task4-deploy-models-to-ai-platform-1st-model-v1.14.png" alt="Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM4OSIgd2lkdGg9IjY3NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img><figcaption>Create your first AI Platform model: complete_model<br>(Fixed with --runtime-version=1.14, --python-version=3.5)</figcaption></figure> <figure class="text-center"><amp-img width="675" height="389" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp324-task4-deploy-models-to-ai-platform-2nd-model-v1.14.webp" alt="Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM4OSIgd2lkdGg9IjY3NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="675" height="389" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp324-task4-deploy-models-to-ai-platform-2nd-model-v1.14.png" alt="Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM4OSIgd2lkdGg9IjY3NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img><figcaption>Create your second AI Platform model: limited_model<br> (Fixed with --runtime-version=1.14, --python-version=3.5)</figcaption></figure> <h2 id="use-the-what-if-tool-to-explore-biases">Use the What-If Tool to explore biases<a class="anchor-link" href="#use-the-what-if-tool-to-explore-biases"><i class="fas fa-link"></i></a></h2> <p>Run the last cell in the notebook to activate What-If Tool. Explore the differences between the two models and you should be able to get the answers as follows:</p> <blockquote> <p>1. In the Performance and Fairness tab, slice by sex (applicant_sex_name_Female). How does the complete model compare to the limited model for females?</p>
 </blockquote> <figure class="ml-li"><amp-img width="399" height="79" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp324-task5-what-if-ttol-1.webp" alt="The complete model has equal performance across sexes, whereas the limited model is much worse on females" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9Ijc5IiB3aWR0aD0iMzk5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIvPg=="></i-amphtml-sizer> <amp-img fallback width="399" height="79" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp324-task5-what-if-ttol-1.png" alt="The complete model has equal performance across sexes, whereas the limited model is much worse on females" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9Ijc5IiB3aWR0aD0iMzk5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIvPg=="></i-amphtml-sizer></amp-img> </amp-img></figure> <blockquote> <p>2. Click on one of the datapoints in the middle of the arc. In the datapoint editor, change (applicant_sex_name_Female) to 0, and (applicant_sex_name_Male) to 1. Now run the inference again. How does the model change?</p>
 </blockquote> <figure class="ml-li"><amp-img width="397" height="85" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp324-task5-what-if-ttol-2.webp" alt="The limited model has a significantly larger delta than the complete model, whereas the complete model has almost no change" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9Ijg1IiB3aWR0aD0iMzk3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIvPg=="></i-amphtml-sizer> <amp-img fallback width="397" height="85" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp324-task5-what-if-ttol-2.png" alt="The limited model has a significantly larger delta than the complete model, whereas the complete model has almost no change" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9Ijg1IiB3aWR0aD0iMzk3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIvPg=="></i-amphtml-sizer></amp-img> </amp-img></figure> <blockquote> <p>3. In the Performance and Fairness tab, use the fairness buttons to see the thresholds for the sexes for demographic parity between males and females. How does this change the thresholds for the limited model?</p>
-</blockquote> <figure class="ml-li"><amp-img width="397" height="56" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp324-task5-what-if-ttol-3.webp" alt="The thresholds have to be wildly different for the limited model" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjU2IiB3aWR0aD0iMzk3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIvPg=="></i-amphtml-sizer> <amp-img fallback width="397" height="56" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp324-task5-what-if-ttol-3.png" alt="The thresholds have to be wildly different for the limited model" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjU2IiB3aWR0aD0iMzk3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIvPg=="></i-amphtml-sizer></amp-img> </amp-img></figure> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-UzP2pX1qayA" width="480" height="270" layout="responsive" data-videoid="UzP2pX1qayA" title="GSP324 Explore Machine Learning Models with Explainable AI: Challenge Lab" data-vars-video-title="GSP324 Explore Machine Learning Models with Explainable AI: Challenge Lab" data-vars-video-url="https://www.youtube.com/watch?v=UzP2pX1qayA" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=UzP2pX1qayA" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
+</blockquote> <figure class="ml-li"><amp-img width="397" height="56" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp324-task5-what-if-ttol-3.webp" alt="The thresholds have to be wildly different for the limited model" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjU2IiB3aWR0aD0iMzk3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIvPg=="></i-amphtml-sizer> <amp-img fallback width="397" height="56" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp324-task5-what-if-ttol-3.png" alt="The thresholds have to be wildly different for the limited model" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjU2IiB3aWR0aD0iMzk3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIvPg=="></i-amphtml-sizer></amp-img> </amp-img></figure> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-UzP2pX1qayA" width="480" height="270" layout="responsive" credentials="omit" data-videoid="UzP2pX1qayA" title="GSP324 Explore Machine Learning Models with Explainable AI: Challenge Lab" data-vars-video-title="GSP324 Explore Machine Learning Models with Explainable AI: Challenge Lab" data-vars-video-url="https://www.youtube.com/watch?v=UzP2pX1qayA" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=UzP2pX1qayA" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
 </amp-youtube> <div class="language-conf highlighter-rouge"><div class="highlight"><pre class="highlight"><code>⏱<span class="n">Timestamps</span>:
 <span class="m">00</span>:<span class="m">00</span> <span class="n">Start</span> <span class="n">Lab</span>
 <span class="m">00</span>:<span class="m">35</span> <span class="n">Start</span> <span class="n">a</span> <span class="n">JupyterLab</span> <span class="n">Notebook</span> <span class="n">instance</span>
@@ -79,18 +79,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='UzP2pX1qayA']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='UzP2pX1qayA']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='UzP2pX1qayA']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='UzP2pX1qayA']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='UzP2pX1qayA']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='UzP2pX1qayA']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='UzP2pX1qayA']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='UzP2pX1qayA']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Getting-Started-Create-and-Manage_Cloud_Resources-Challenge-Lab.html b/blog/qwiklabs/Getting-Started-Create-and-Manage_Cloud_Resources-Challenge-Lab.html
index 093e21310..0d8a1f06c 100644
--- a/blog/qwiklabs/Getting-Started-Create-and-Manage_Cloud_Resources-Challenge-Lab.html
+++ b/blog/qwiklabs/Getting-Started-Create-and-Manage_Cloud_Resources-Challenge-Lab.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -25,18 +25,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Create and Manage Cloud Resources: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Create and Manage Cloud Resources: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Create and Manage Cloud Resources: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Create and Manage Cloud Resources: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Create and Manage Cloud Resources: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Create and Manage Cloud Resources: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Create and Manage Cloud Resources: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Create and Manage Cloud Resources: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Create and Manage Cloud Resources: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Create and Manage Cloud Resources: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Create and Manage Cloud Resources: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Create and Manage Cloud Resources: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Create and Manage Cloud Resources: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Google-Cloud-Essential-Skills-Challenge-Lab.html b/blog/qwiklabs/Google-Cloud-Essential-Skills-Challenge-Lab.html
index 3b503f5d8..cba84a4e2 100644
--- a/blog/qwiklabs/Google-Cloud-Essential-Skills-Challenge-Lab.html
+++ b/blog/qwiklabs/Google-Cloud-Essential-Skills-Challenge-Lab.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -27,18 +27,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Google Cloud Essential Skills: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Google Cloud Essential Skills: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Google Cloud Essential Skills: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Google Cloud Essential Skills: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Google Cloud Essential Skills: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Google Cloud Essential Skills: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Google Cloud Essential Skills: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Google Cloud Essential Skills: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Google Cloud Essential Skills: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Google Cloud Essential Skills: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Google Cloud Essential Skills: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Google Cloud Essential Skills: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Google Cloud Essential Skills: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Implement-DevOps-in-Google-Cloud-Challenge-Lab.html b/blog/qwiklabs/Implement-DevOps-in-Google-Cloud-Challenge-Lab.html
index 85f188ae3..ce499ecf7 100644
--- a/blog/qwiklabs/Implement-DevOps-in-Google-Cloud-Challenge-Lab.html
+++ b/blog/qwiklabs/Implement-DevOps-in-Google-Cloud-Challenge-Lab.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -65,7 +65,7 @@
 git merge canary
 git push origin master
 </code></pre></div> </div> </li> <li> <p>Go to the Jenkins user interface, click <strong>Scan Multibranch Pipeline Now</strong> if you want to trigger the build immediately.</p> </li>
-</ol> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-pSSA6vlRgtA" width="480" height="270" layout="responsive" data-videoid="pSSA6vlRgtA" title="GSP330 Implement DevOps in Google Cloud: Challenge Lab" data-vars-video-title="GSP330 Implement DevOps in Google Cloud: Challenge Lab" data-vars-video-url="https://www.youtube.com/watch?v=pSSA6vlRgtA" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=pSSA6vlRgtA" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
+</ol> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-pSSA6vlRgtA" width="480" height="270" layout="responsive" credentials="omit" data-videoid="pSSA6vlRgtA" title="GSP330 Implement DevOps in Google Cloud: Challenge Lab" data-vars-video-title="GSP330 Implement DevOps in Google Cloud: Challenge Lab" data-vars-video-url="https://www.youtube.com/watch?v=pSSA6vlRgtA" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=pSSA6vlRgtA" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
 </amp-youtube> <div class="language-conf highlighter-rouge"><div class="highlight"><pre class="highlight"><code>⏱<span class="n">Timestamps</span>:
 <span class="m">00</span>:<span class="m">00</span> <span class="n">Lab</span> <span class="n">Overview</span>
 <span class="m">00</span>:<span class="m">48</span> <span class="n">Review</span> <span class="n">previous</span> <span class="n">Lab</span> <span class="n">Exercise</span> <span class="n">GSP051</span>
@@ -93,18 +93,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Implement DevOps in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Implement DevOps in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Implement DevOps in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Implement DevOps in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Implement DevOps in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Implement DevOps in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Implement DevOps in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Implement DevOps in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Implement DevOps in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Implement DevOps in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Implement DevOps in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Implement DevOps in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Implement DevOps in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='pSSA6vlRgtA']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='pSSA6vlRgtA']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='pSSA6vlRgtA']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='pSSA6vlRgtA']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='pSSA6vlRgtA']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='pSSA6vlRgtA']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='pSSA6vlRgtA']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='pSSA6vlRgtA']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Insights-from-Data-with-BigQuery-Challenge-Lab.html b/blog/qwiklabs/Insights-from-Data-with-BigQuery-Challenge-Lab.html
index c4ff9ca02..cf66fd73d 100644
--- a/blog/qwiklabs/Insights-from-Data-with-BigQuery-Challenge-Lab.html
+++ b/blog/qwiklabs/Insights-from-Data-with-BigQuery-Challenge-Lab.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -208,7 +208,7 @@
   <span class="k">AND</span> <span class="n">country_name</span><span class="o">=</span><span class="s1">'United States of America'</span>
 <span class="k">GROUP</span> <span class="k">BY</span> <span class="nb">date</span>
 </code></pre></div> </div> </li> <li>Click on <strong>EXPLORE DATA</strong> &gt; <strong>Explore with Data Studio</strong>.</li> <li>Authorize Data Studio to access BigQuery.</li> <li>You may fail to create a report for the first-time login of Data Studio. Click <strong>+ Blank Report</strong> and accept the Terms of Service. Go back to the BigQuery page and click <strong>Explore with Data Studio</strong> again.</li> <li>In the new Data Studio report, select <strong>Add a chart</strong> &gt; <strong>Time series Chart</strong>.</li> <li>Add <code class="language-plaintext highlighter-rouge">country_cases</code> and <code class="language-plaintext highlighter-rouge">country_deaths</code> to the Metric field.</li> <li>Click <strong>Save</strong> to commit the change.</li>
-</ol> <p>If you fail to get the score of this task, remove all data and reports from the Datastudio console before retry.</p> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-3zxclCMoQeM" width="480" height="270" layout="responsive" data-videoid="3zxclCMoQeM" title="GSP787 Insights from Data with BigQuery: Challenge Lab (COVID-19 Open Data)" data-vars-video-title="GSP787 Insights from Data with BigQuery: Challenge Lab (COVID-19 Open Data)" data-vars-video-url="https://www.youtube.com/watch?v=3zxclCMoQeM" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=3zxclCMoQeM" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
+</ol> <p>If you fail to get the score of this task, remove all data and reports from the Datastudio console before retry.</p> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-3zxclCMoQeM" width="480" height="270" layout="responsive" credentials="omit" data-videoid="3zxclCMoQeM" title="GSP787 Insights from Data with BigQuery: Challenge Lab (COVID-19 Open Data)" data-vars-video-title="GSP787 Insights from Data with BigQuery: Challenge Lab (COVID-19 Open Data)" data-vars-video-url="https://www.youtube.com/watch?v=3zxclCMoQeM" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=3zxclCMoQeM" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
 </amp-youtube> <div class="language-conf highlighter-rouge"><div class="highlight"><pre class="highlight"><code>⏱<span class="n">Timestamps</span>:
 <span class="m">00</span>:<span class="m">00</span> <span class="n">Start</span> <span class="n">Lab</span>
 <span class="m">00</span>:<span class="m">30</span> <span class="n">Open</span> <span class="s2">"COVID-19 Open data"</span> <span class="n">public</span> <span class="n">dataset</span>
@@ -233,18 +233,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Insights from Data with BigQuery: Challenge Lab (COVID-19 Open Data) | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Insights from Data with BigQuery: Challenge Lab (COVID-19 Open Data) | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Insights from Data with BigQuery: Challenge Lab (COVID-19 Open Data) | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Insights from Data with BigQuery: Challenge Lab (COVID-19 Open Data) | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Insights from Data with BigQuery: Challenge Lab (COVID-19 Open Data) | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Insights from Data with BigQuery: Challenge Lab (COVID-19 Open Data) | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Insights from Data with BigQuery: Challenge Lab (COVID-19 Open Data) | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Insights from Data with BigQuery: Challenge Lab (COVID-19 Open Data) | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Insights from Data with BigQuery: Challenge Lab (COVID-19 Open Data) | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Insights from Data with BigQuery: Challenge Lab (COVID-19 Open Data) | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Insights from Data with BigQuery: Challenge Lab (COVID-19 Open Data) | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Insights from Data with BigQuery: Challenge Lab (COVID-19 Open Data) | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Insights from Data with BigQuery: Challenge Lab (COVID-19 Open Data) | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='3zxclCMoQeM']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='3zxclCMoQeM']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='3zxclCMoQeM']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='3zxclCMoQeM']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='3zxclCMoQeM']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='3zxclCMoQeM']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='3zxclCMoQeM']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='3zxclCMoQeM']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Integrate-with-Machine-Learning-APIs-Challenge-Lab.html b/blog/qwiklabs/Integrate-with-Machine-Learning-APIs-Challenge-Lab.html
index 2a3e0cc93..88f69e93c 100644
--- a/blog/qwiklabs/Integrate-with-Machine-Learning-APIs-Challenge-Lab.html
+++ b/blog/qwiklabs/Integrate-with-Machine-Learning-APIs-Challenge-Lab.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -35,7 +35,7 @@
 </code></pre></div></div> <p>This line uses the Translation API to translate the non-English text into English.</p> <p><strong>Note</strong>: Make sure that you indent the codes correctly.</p> <h2 id="task-5-identify-the-most-common-non-english-language-used-in-the-signs-in-the-data-set">Task 5: Identify the most common non-English language used in the signs in the data set<a class="anchor-link" href="#task-5-identify-the-most-common-non-english-language-used-in-the-signs-in-the-data-set"><i class="fas fa-link"></i></a></h2> <p>In Task 5, you need to remove the comment characters to enable the line of code in the following part of the script.</p> <figure><amp-img width="730" height="167" layout="intrinsic" src="/images/posts/qwiklabs/gsp329-task5-python-code-init.webp" alt="Image in ☁ Integrate with Machine Learning APIs: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2NyIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="167" layout="intrinsic" src="/images/posts/qwiklabs/gsp329-task5-python-code-init.png" alt="Image in ☁ Integrate with Machine Learning APIs: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2NyIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <h3 id="process-the-image-files-using-the-updated-python">Process the image files using the updated Python<a class="anchor-link" href="#process-the-image-files-using-the-updated-python"><i class="fas fa-link"></i></a></h3> <p>Save the changes and then run the modified script file in the Cloud Shell:</p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">export </span><span class="nv">BUCKET</span><span class="o">=</span><span class="nv">$PROJECT</span>
 python analyze-images.py <span class="nv">$PROJECT</span> <span class="nv">$BUCKET</span>
 </code></pre></div></div> <p>You should see an output like that:</p> <figure><amp-img width="1256" height="1191" layout="intrinsic" src="/images/posts/qwiklabs/gsp329-task3-to-5-python-results.webp" alt="Image in ☁ Integrate with Machine Learning APIs: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjExOTEiIHdpZHRoPSIxMjU2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIvPg=="></i-amphtml-sizer> <amp-img fallback width="1256" height="1191" layout="intrinsic" src="/images/posts/qwiklabs/gsp329-task3-to-5-python-results.png" alt="Image in ☁ Integrate with Machine Learning APIs: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjExOTEiIHdpZHRoPSIxMjU2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIvPg=="></i-amphtml-sizer></amp-img> </amp-img></figure> <h3 id="confirm-that-image-data-has-been-successfully-uploaded-to-bigquery">Confirm that image data has been successfully uploaded to BigQuery<a class="anchor-link" href="#confirm-that-image-data-has-been-successfully-uploaded-to-bigquery"><i class="fas fa-link"></i></a></h3> <p>Go back to the Cloud Console, navigate to <strong>BigQuery</strong>.</p> <p>Preview the table <code class="language-plaintext highlighter-rouge">image_text_detail</code> in the dataset called <code class="language-plaintext highlighter-rouge">image_classification_dataset</code> in your project.</p> <figure><amp-img width="1215" height="506" layout="intrinsic" src="/images/posts/qwiklabs/gsp329-task5-biquery-table-preview.webp" alt="Image in ☁ Integrate with Machine Learning APIs: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUwNiIgd2lkdGg9IjEyMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIi8+"></i-amphtml-sizer> <amp-img fallback width="1215" height="506" layout="intrinsic" src="/images/posts/qwiklabs/gsp329-task5-biquery-table-preview.png" alt="Image in ☁ Integrate with Machine Learning APIs: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUwNiIgd2lkdGg9IjEyMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIi8+"></i-amphtml-sizer></amp-img> </amp-img></figure> <p>Confirm that image data has been successfully processed by running the following Query in BigQuery:</p> <pre><code class="language-SQL">SELECT locale,COUNT(locale) as lcount FROM image_classification_dataset.image_text_detail GROUP BY locale ORDER BY lcount DESC
-</code></pre> <p>The query results should look like:</p> <figure><amp-img width="653" height="356" layout="intrinsic" src="/images/posts/qwiklabs/gsp329-task5-query-results.webp" alt="Image in ☁ Integrate with Machine Learning APIs: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM1NiIgd2lkdGg9IjY1MyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="653" height="356" layout="intrinsic" src="/images/posts/qwiklabs/gsp329-task5-query-results.png" alt="Image in ☁ Integrate with Machine Learning APIs: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM1NiIgd2lkdGg9IjY1MyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-kEEqbeqR6og" width="480" height="270" layout="responsive" data-videoid="kEEqbeqR6og" title="GSP329 Integrate with Machine Learning APIs: Challenge Lab" data-vars-video-title="GSP329 Integrate with Machine Learning APIs: Challenge Lab" data-vars-video-url="https://www.youtube.com/watch?v=kEEqbeqR6og" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=kEEqbeqR6og" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
+</code></pre> <p>The query results should look like:</p> <figure><amp-img width="653" height="356" layout="intrinsic" src="/images/posts/qwiklabs/gsp329-task5-query-results.webp" alt="Image in ☁ Integrate with Machine Learning APIs: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM1NiIgd2lkdGg9IjY1MyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="653" height="356" layout="intrinsic" src="/images/posts/qwiklabs/gsp329-task5-query-results.png" alt="Image in ☁ Integrate with Machine Learning APIs: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM1NiIgd2lkdGg9IjY1MyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-kEEqbeqR6og" width="480" height="270" layout="responsive" credentials="omit" data-videoid="kEEqbeqR6og" title="GSP329 Integrate with Machine Learning APIs: Challenge Lab" data-vars-video-title="GSP329 Integrate with Machine Learning APIs: Challenge Lab" data-vars-video-url="https://www.youtube.com/watch?v=kEEqbeqR6og" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=kEEqbeqR6og" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
 </amp-youtube> <div class="language-conf highlighter-rouge"><div class="highlight"><pre class="highlight"><code>⏱<span class="n">Timestamps</span>:
 <span class="m">00</span>:<span class="m">00</span> <span class="n">Lab</span> <span class="n">Overview</span>
 <span class="m">01</span>:<span class="m">56</span> <span class="n">Start</span> <span class="n">Lab</span>
@@ -58,18 +58,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Integrate with Machine Learning APIs: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Integrate with Machine Learning APIs: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Integrate with Machine Learning APIs: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Integrate with Machine Learning APIs: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Integrate with Machine Learning APIs: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Integrate with Machine Learning APIs: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Integrate with Machine Learning APIs: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Integrate with Machine Learning APIs: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Integrate with Machine Learning APIs: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Integrate with Machine Learning APIs: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Integrate with Machine Learning APIs: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Integrate with Machine Learning APIs: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Integrate with Machine Learning APIs: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='kEEqbeqR6og']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='kEEqbeqR6og']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='kEEqbeqR6og']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='kEEqbeqR6og']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='kEEqbeqR6og']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='kEEqbeqR6og']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='kEEqbeqR6og']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='kEEqbeqR6og']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Migrate-a-MySQL-Database-to-Google-Cloud-SQL.html b/blog/qwiklabs/Migrate-a-MySQL-Database-to-Google-Cloud-SQL.html
index 3c4e5c758..2b6075f29 100644
--- a/blog/qwiklabs/Migrate-a-MySQL-Database-to-Google-Cloud-SQL.html
+++ b/blog/qwiklabs/Migrate-a-MySQL-Database-to-Google-Cloud-SQL.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -51,18 +51,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Migrate a MySQL Database to Google Cloud SQL | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Migrate a MySQL Database to Google Cloud SQL | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Migrate a MySQL Database to Google Cloud SQL | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Migrate a MySQL Database to Google Cloud SQL | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Migrate a MySQL Database to Google Cloud SQL | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Migrate a MySQL Database to Google Cloud SQL | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Migrate a MySQL Database to Google Cloud SQL | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Migrate a MySQL Database to Google Cloud SQL | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Migrate a MySQL Database to Google Cloud SQL | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Migrate a MySQL Database to Google Cloud SQL | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Migrate a MySQL Database to Google Cloud SQL | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Migrate a MySQL Database to Google Cloud SQL | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Migrate a MySQL Database to Google Cloud SQL | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Perform-Foundational-Data-ML-and-AI-Tasks-in-Google-Cloud-Challenge-Lab.html b/blog/qwiklabs/Perform-Foundational-Data-ML-and-AI-Tasks-in-Google-Cloud-Challenge-Lab.html
index f3a139591..45b358047 100644
--- a/blog/qwiklabs/Perform-Foundational-Data-ML-and-AI-Tasks-in-Google-Cloud-Challenge-Lab.html
+++ b/blog/qwiklabs/Perform-Foundational-Data-ML-and-AI-Tasks-in-Google-Cloud-Challenge-Lab.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -62,7 +62,7 @@
    <span class="nt">-d</span> @gvi-request.json <span class="o">&gt;</span> task4-gvi.result
 </code></pre></div> </div> </li> <li> <p>Upload the resulted file to Cloud Storage by running:</p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>gsutil <span class="nb">cp </span>task4-gvi.result gs://&lt;YOUR-PROJECT_ID&gt;-marking/task4-gvi.result
 </code></pre></div> </div> <p><strong>Replace</strong> <code class="language-plaintext highlighter-rouge">&lt;YOUR-PROJECT_ID&gt;</code> with your project ID.</p> </li>
-</ol> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-iAGiLYAx7z8" width="480" height="270" layout="responsive" data-videoid="iAGiLYAx7z8" title="GSP323 Perform Foundational Data, ML, and AI Tasks in Google Cloud: Challenge Lab" data-vars-video-title="GSP323 Perform Foundational Data, ML, and AI Tasks in Google Cloud: Challenge Lab" data-vars-video-url="https://www.youtube.com/watch?v=iAGiLYAx7z8" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=iAGiLYAx7z8" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
+</ol> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-iAGiLYAx7z8" width="480" height="270" layout="responsive" credentials="omit" data-videoid="iAGiLYAx7z8" title="GSP323 Perform Foundational Data, ML, and AI Tasks in Google Cloud: Challenge Lab" data-vars-video-title="GSP323 Perform Foundational Data, ML, and AI Tasks in Google Cloud: Challenge Lab" data-vars-video-url="https://www.youtube.com/watch?v=iAGiLYAx7z8" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=iAGiLYAx7z8" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
 </amp-youtube> <div class="language-conf highlighter-rouge"><div class="highlight"><pre class="highlight"><code>⏱<span class="n">Timestamps</span>:
 <span class="m">00</span>:<span class="m">00</span> <span class="n">Start</span> <span class="n">Lab</span>
 <span class="m">00</span>:<span class="m">38</span> <span class="n">Task1</span>: <span class="n">Run</span> <span class="n">a</span> <span class="n">simple</span> <span class="n">Dataflow</span> <span class="n">job</span>
@@ -78,18 +78,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Perform Foundational Data, ML, and AI Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Perform Foundational Data, ML, and AI Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Perform Foundational Data, ML, and AI Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Perform Foundational Data, ML, and AI Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Perform Foundational Data, ML, and AI Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Perform Foundational Data, ML, and AI Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Perform Foundational Data, ML, and AI Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Perform Foundational Data, ML, and AI Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Perform Foundational Data, ML, and AI Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Perform Foundational Data, ML, and AI Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Perform Foundational Data, ML, and AI Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Perform Foundational Data, ML, and AI Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Perform Foundational Data, ML, and AI Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='iAGiLYAx7z8']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='iAGiLYAx7z8']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='iAGiLYAx7z8']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='iAGiLYAx7z8']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='iAGiLYAx7z8']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='iAGiLYAx7z8']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='iAGiLYAx7z8']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='iAGiLYAx7z8']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Perform-Foundational-Infrastructure-Tasks-in-Google-Cloud-Challenge-Lab.html b/blog/qwiklabs/Perform-Foundational-Infrastructure-Tasks-in-Google-Cloud-Challenge-Lab.html
index 6b7d1e008..020d053ab 100644
--- a/blog/qwiklabs/Perform-Foundational-Infrastructure-Tasks-in-Google-Cloud-Challenge-Lab.html
+++ b/blog/qwiklabs/Perform-Foundational-Infrastructure-Tasks-in-Google-Cloud-Challenge-Lab.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -19,7 +19,7 @@
 </ol> <table class="table"> <thead> <tr> <th>Field</th> <th>Value</th> </tr> </thead> <tbody> <tr> <td>Function to execute</td> <td>thumbnail</td> </tr> <tr> <td>Runtime</td> <td>Node.js 8</td> </tr> <tr> <td>Trigger</td> <td>Cloud Storage</td> </tr> </tbody>
 </table> <ol start="4"> <li> <p>Copy the given <code class="language-plaintext highlighter-rouge">index.js</code> and <code class="language-plaintext highlighter-rouge">package.json</code> to the dialog.</p> <p>Make sure you replace the text <strong>REPLACE_WITH_YOUR_TOPIC</strong> with the topic you created in task 2, in line 15 of index.js.</p> </li> <li> <p>Upload a JPG or PNG image file to the bucket created in Task 1.</p> <figure><amp-img width="706" height="547" layout="intrinsic" src="/images/posts/qwiklabs/map.webp" alt="Image in ☁ Perform Foundational Infrastructure Tasks in Google Cloud: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjU0NyIgd2lkdGg9IjcwNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="706" height="547" layout="intrinsic" src="/images/posts/qwiklabs/map.jpg" alt="Image in ☁ Perform Foundational Infrastructure Tasks in Google Cloud: Challenge Lab | logbook" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjU0NyIgd2lkdGg9IjcwNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> </li>
 </ol> <h2 id="task-4-remove-the-previous-cloud-engineer">Task 4: Remove the previous cloud engineer<a class="anchor-link" href="#task-4-remove-the-previous-cloud-engineer"><i class="fas fa-link"></i></a></h2> <ol> <li> <p>In the console, click the <strong>Navigation menu</strong> &gt; <strong>I AM</strong>.</p> </li> <li> <p>Find the second user.</p> </li> <li> <p>Click the pencil icon, select <strong>Delete</strong>.</p> </li>
-</ol> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="summary">Summary<a class="anchor-link" href="#summary"><i class="fas fa-link"></i></a></h2> <p>All tasks can be done with the Cloud Console. There should be no difficulty for you to finish them. I think this lab is even simpler than <a href="/blog/qwiklabs/Getting-Started-Create-and-Manage_Cloud_Resources-Challenge-Lab">Create and Manage Cloud Resources: Challenge Lab</a>.</p> <p><strong>9 credits!</strong> Is this cheating money? I hope this beginner’s guide to Qwiklabs will help you to get started. If you have any additional questions, feel free to ask me in the comments section below.</p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-5UrQ9D-epG8" width="480" height="270" layout="responsive" data-videoid="5UrQ9D-epG8" title="GSP315 Perform Foundational Infrastructure Tasks in Google Cloud= Challenge Lab" data-vars-video-title="GSP315 Perform Foundational Infrastructure Tasks in Google Cloud= Challenge Lab" data-vars-video-url="https://www.youtube.com/watch?v=5UrQ9D-epG8" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=5UrQ9D-epG8" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
+</ol> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="summary">Summary<a class="anchor-link" href="#summary"><i class="fas fa-link"></i></a></h2> <p>All tasks can be done with the Cloud Console. There should be no difficulty for you to finish them. I think this lab is even simpler than <a href="/blog/qwiklabs/Getting-Started-Create-and-Manage_Cloud_Resources-Challenge-Lab">Create and Manage Cloud Resources: Challenge Lab</a>.</p> <p><strong>9 credits!</strong> Is this cheating money? I hope this beginner’s guide to Qwiklabs will help you to get started. If you have any additional questions, feel free to ask me in the comments section below.</p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-5UrQ9D-epG8" width="480" height="270" layout="responsive" credentials="omit" data-videoid="5UrQ9D-epG8" title="GSP315 Perform Foundational Infrastructure Tasks in Google Cloud= Challenge Lab" data-vars-video-title="GSP315 Perform Foundational Infrastructure Tasks in Google Cloud= Challenge Lab" data-vars-video-url="https://www.youtube.com/watch?v=5UrQ9D-epG8" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=5UrQ9D-epG8" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
 </amp-youtube> <div class="language-conf highlighter-rouge"><div class="highlight"><pre class="highlight"><code>⏱<span class="n">Timestamps</span>:
 <span class="m">0</span>:<span class="m">00</span> <span class="n">Start</span> <span class="n">Lab</span> 🔬
 <span class="m">0</span>:<span class="m">35</span> <span class="n">Task</span> <span class="m">1</span>: <span class="n">Create</span> <span class="n">a</span> <span class="n">bucket</span>
@@ -35,18 +35,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Perform Foundational Infrastructure Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Perform Foundational Infrastructure Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Perform Foundational Infrastructure Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Perform Foundational Infrastructure Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Perform Foundational Infrastructure Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Perform Foundational Infrastructure Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Perform Foundational Infrastructure Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Perform Foundational Infrastructure Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Perform Foundational Infrastructure Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Perform Foundational Infrastructure Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Perform Foundational Infrastructure Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Perform Foundational Infrastructure Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Perform Foundational Infrastructure Tasks in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='5UrQ9D-epG8']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='5UrQ9D-epG8']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='5UrQ9D-epG8']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='5UrQ9D-epG8']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='5UrQ9D-epG8']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='5UrQ9D-epG8']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='5UrQ9D-epG8']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='5UrQ9D-epG8']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Scale-Out-and-Update-a-Containerized-Application-on-a-Kubernetes-Cluster.html b/blog/qwiklabs/Scale-Out-and-Update-a-Containerized-Application-on-a-Kubernetes-Cluster.html
index 664307220..716d530fa 100644
--- a/blog/qwiklabs/Scale-Out-and-Update-a-Containerized-Application-on-a-Kubernetes-Cluster.html
+++ b/blog/qwiklabs/Scale-Out-and-Update-a-Containerized-Application-on-a-Kubernetes-Cluster.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -48,18 +48,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Scale Out and Update a Containerized Application on a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Scale Out and Update a Containerized Application on a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Scale Out and Update a Containerized Application on a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Scale Out and Update a Containerized Application on a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Scale Out and Update a Containerized Application on a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Scale Out and Update a Containerized Application on a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Scale Out and Update a Containerized Application on a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Scale Out and Update a Containerized Application on a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Scale Out and Update a Containerized Application on a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Scale Out and Update a Containerized Application on a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Scale Out and Update a Containerized Application on a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Scale Out and Update a Containerized Application on a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Scale Out and Update a Containerized Application on a Kubernetes Cluster | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Secure-Workloads-in-Google-Kubernetes-Engine-Challenge-Lab.html b/blog/qwiklabs/Secure-Workloads-in-Google-Kubernetes-Engine-Challenge-Lab.html
index ce030147c..342f31ce6 100644
--- a/blog/qwiklabs/Secure-Workloads-in-Google-Kubernetes-Engine-Challenge-Lab.html
+++ b/blog/qwiklabs/Secure-Workloads-in-Google-Kubernetes-Engine-Challenge-Lab.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -86,7 +86,7 @@
 </ol> <p>Your cluster will start updating its binary authorization settings. Wait until the update finish.</p> <h2 id="task-6-setup-pod-security-policy">Task 6: Setup Pod Security Policy<a class="anchor-link" href="#task-6-setup-pod-security-policy"><i class="fas fa-link"></i></a></h2> <p><strong>Tips:</strong> Review the lab <strong>GSP496</strong> <a data-vars-event-label="https://www.qwiklabs.com/focuses/5158?parent=catalog" href="https://www.qwiklabs.com/focuses/5158?parent=catalog">Hardening Default GKE Cluster Configurations</a> on Qwiklabs to get some ideas about how to deploy the PodSecurityPolicy objects. To learn more, you can find more details from the following documentation:</p> <ul> <li><a data-vars-event-label="https://cloud.google.com/kubernetes-engine/docs/how-to/pod-security-policies" href="https://cloud.google.com/kubernetes-engine/docs/how-to/pod-security-policies">Using PodSecurityPolicies | Kubernetes Engine Documentation</a></li> <li><a data-vars-event-label="https://kubernetes.io/docs/concepts/policy/pod-security-policy/" href="https://kubernetes.io/docs/concepts/policy/pod-security-policy/">Pod Security Policies | Kubernetes</a></li>
 </ul> <p>The challenge lab provides the following Pod Security Policy demo files for you to use:</p> <ul> <li><code class="language-plaintext highlighter-rouge">psp-restrictive.yaml</code></li> <li><code class="language-plaintext highlighter-rouge">psp-role.yaml</code></li> <li><code class="language-plaintext highlighter-rouge">pop-use.yaml</code></li>
 </ul> <p>Running the following command to deploy each file:</p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>kubectl apply <span class="nt">-f</span> &lt;filename&gt;.yaml
-</code></pre></div></div> <p>Unfortunately, you will fail to delopy <code class="language-plaintext highlighter-rouge">psp-restrictive.yaml</code> and receive the following error message:</p> <figure><amp-img width="1209" height="55" layout="intrinsic" src="/images/posts//qwiklabs/gsp335-task6-no-matches-for-kind-podsecuritypolicy-in-version-extensions-v1beta1.webp" alt="no matches for kind PodSecurityPolicy in version extensions/v1beta1" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjU1IiB3aWR0aD0iMTIwOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="1209" height="55" layout="intrinsic" src="/images/posts//qwiklabs/gsp335-task6-no-matches-for-kind-podsecuritypolicy-in-version-extensions-v1beta1.png" alt="no matches for kind PodSecurityPolicy in version extensions/v1beta1" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjU1IiB3aWR0aD0iMTIwOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <p>Open <code class="language-plaintext highlighter-rouge">psp-restrictive.yaml</code> with an editor, and replace <code class="language-plaintext highlighter-rouge">appVersion: extensions/v1beta1</code> with <code class="language-plaintext highlighter-rouge">policy/v1beta1</code>.</p> <p>Save the changes, and run the <code class="language-plaintext highlighter-rouge">kubectl apply</code> command again.</p> <figure><amp-img width="1037" height="144" layout="intrinsic" src="/images/posts//qwiklabs/gsp335-task6-deploy-podsecurity-policy-files.webp" alt="podsecuritypolicy.policy, rolebinding.rbac.authorization.k8s.io, clusterrole.rbac.authorization.k8s.io created" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE0NCIgd2lkdGg9IjEwMzciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIi8+"></i-amphtml-sizer> <amp-img fallback width="1037" height="144" layout="intrinsic" src="/images/posts//qwiklabs/gsp335-task6-deploy-podsecurity-policy-files.png" alt="podsecuritypolicy.policy, rolebinding.rbac.authorization.k8s.io, clusterrole.rbac.authorization.k8s.io created" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE0NCIgd2lkdGg9IjEwMzciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIi8+"></i-amphtml-sizer></amp-img> </amp-img></figure> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-bpeOjFZklpg" width="480" height="270" layout="responsive" data-videoid="bpeOjFZklpg" title="GSP335 Secure Workloads in Google Kubernetes Engine: Challenge Lab" data-vars-video-title="GSP335 Secure Workloads in Google Kubernetes Engine: Challenge Lab" data-vars-video-url="https://www.youtube.com/watch?v=bpeOjFZklpg" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=bpeOjFZklpg" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
+</code></pre></div></div> <p>Unfortunately, you will fail to delopy <code class="language-plaintext highlighter-rouge">psp-restrictive.yaml</code> and receive the following error message:</p> <figure><amp-img width="1209" height="55" layout="intrinsic" src="/images/posts//qwiklabs/gsp335-task6-no-matches-for-kind-podsecuritypolicy-in-version-extensions-v1beta1.webp" alt="no matches for kind PodSecurityPolicy in version extensions/v1beta1" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjU1IiB3aWR0aD0iMTIwOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="1209" height="55" layout="intrinsic" src="/images/posts//qwiklabs/gsp335-task6-no-matches-for-kind-podsecuritypolicy-in-version-extensions-v1beta1.png" alt="no matches for kind PodSecurityPolicy in version extensions/v1beta1" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjU1IiB3aWR0aD0iMTIwOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <p>Open <code class="language-plaintext highlighter-rouge">psp-restrictive.yaml</code> with an editor, and replace <code class="language-plaintext highlighter-rouge">appVersion: extensions/v1beta1</code> with <code class="language-plaintext highlighter-rouge">policy/v1beta1</code>.</p> <p>Save the changes, and run the <code class="language-plaintext highlighter-rouge">kubectl apply</code> command again.</p> <figure><amp-img width="1037" height="144" layout="intrinsic" src="/images/posts//qwiklabs/gsp335-task6-deploy-podsecurity-policy-files.webp" alt="podsecuritypolicy.policy, rolebinding.rbac.authorization.k8s.io, clusterrole.rbac.authorization.k8s.io created" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE0NCIgd2lkdGg9IjEwMzciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIi8+"></i-amphtml-sizer> <amp-img fallback width="1037" height="144" layout="intrinsic" src="/images/posts//qwiklabs/gsp335-task6-deploy-podsecurity-policy-files.png" alt="podsecuritypolicy.policy, rolebinding.rbac.authorization.k8s.io, clusterrole.rbac.authorization.k8s.io created" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE0NCIgd2lkdGg9IjEwMzciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIi8+"></i-amphtml-sizer></amp-img> </amp-img></figure> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-bpeOjFZklpg" width="480" height="270" layout="responsive" credentials="omit" data-videoid="bpeOjFZklpg" title="GSP335 Secure Workloads in Google Kubernetes Engine: Challenge Lab" data-vars-video-title="GSP335 Secure Workloads in Google Kubernetes Engine: Challenge Lab" data-vars-video-url="https://www.youtube.com/watch?v=bpeOjFZklpg" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=bpeOjFZklpg" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
 </amp-youtube> <div class="language-conf highlighter-rouge"><div class="highlight"><pre class="highlight"><code>⏱<span class="n">Timestamps</span>:
 <span class="m">00</span>:<span class="m">00</span> <span class="n">Task0</span>: <span class="n">Download</span> <span class="n">the</span> <span class="n">necessary</span> <span class="n">files</span>
 <span class="m">00</span>:<span class="m">19</span> <span class="n">Task1</span>: <span class="n">Setup</span> <span class="n">Cluster</span>
@@ -113,18 +113,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Secure Workloads in Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Secure Workloads in Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Secure Workloads in Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Secure Workloads in Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Secure Workloads in Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Secure Workloads in Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Secure Workloads in Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Secure Workloads in Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Secure Workloads in Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Secure Workloads in Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Secure Workloads in Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Secure Workloads in Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Secure Workloads in Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='bpeOjFZklpg']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='bpeOjFZklpg']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='bpeOjFZklpg']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='bpeOjFZklpg']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='bpeOjFZklpg']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='bpeOjFZklpg']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='bpeOjFZklpg']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='bpeOjFZklpg']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Set-up-and-Configure-a-Cloud-Environment-in-Google-Cloud-Challenge-Lab.html b/blog/qwiklabs/Set-up-and-Configure-a-Cloud-Environment-in-Google-Cloud-Challenge-Lab.html
index 838927b8b..45893ea2b 100644
--- a/blog/qwiklabs/Set-up-and-Configure-a-Cloud-Environment-in-Google-Cloud-Challenge-Lab.html
+++ b/blog/qwiklabs/Set-up-and-Configure-a-Cloud-Environment-in-Google-Cloud-Challenge-Lab.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -46,7 +46,7 @@
 </ol> <h2 id="task-8-enable-monitoring">Task 8: Enable monitoring<a class="anchor-link" href="#task-8-enable-monitoring"><i class="fas fa-link"></i></a></h2> <ol> <li>Go back to the Cloud Console, and navigate to <strong>Monitoring</strong>.</li> <li>In the Monitoring console, click <strong>Uptime checks</strong> in the left pane.</li> <li>Click <strong>CREATE UPTIME CHECK</strong>.</li> <li> <p>Configure using the following parameters:</p> <table> <thead> <tr> <th>Field</th> <th>Value</th> </tr> </thead> <tbody> <tr> <td>Title</td> <td><code class="language-plaintext highlighter-rouge">WordPress Uptime</code></td> </tr> <tr> <td>Check Type</td> <td><code class="language-plaintext highlighter-rouge">HTTP</code></td> </tr> <tr> <td>Resource Type</td> <td><code class="language-plaintext highlighter-rouge">URL</code></td> </tr> <tr> <td>Hostname</td> <td><code class="language-plaintext highlighter-rouge">YOUR-WORDPRESS_ENDPOINT</code></td> </tr> <tr> <td>Path</td> <td><code class="language-plaintext highlighter-rouge">/</code></td> </tr> </tbody> </table> <figure class="ml-li text-center"><amp-img width="567" height="534" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp321-uptime-check.webp" alt="new GCP uptime checks monitoring" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUzNCIgd2lkdGg9IjU2NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="567" height="534" layout="intrinsic" src="/images/posts/qwiklabs/qwiklab-gsp321-uptime-check.jpg" alt="new GCP uptime checks monitoring" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUzNCIgd2lkdGg9IjU2NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> </li>
 </ol> <ol start="5"> <li>Click <strong>TEST</strong>.</li> <li>Click <strong>SAVE</strong> if there is no error.</li>
 </ol> <h2 id="task-9-provide-access-for-an-additional-engineer">Task 9: Provide access for an additional engineer<a class="anchor-link" href="#task-9-provide-access-for-an-additional-engineer"><i class="fas fa-link"></i></a></h2> <ol> <li>In the Cloud Console, navigate to <strong>IAM &amp; Admin</strong> &gt; <strong>IAM</strong>.</li> <li>Click <strong>+ADD</strong>.</li> <li>In the Add members to … pane, copy and paste the <strong>second user account</strong> for the lab to the <strong>New members</strong> field.</li> <li>In the Role dropdown, select <strong>Project</strong> &gt; <strong>Editor</strong>.</li> <li>Click <strong>SAVE</strong>.</li>
-</ol> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-p3jUogiOQqk" width="480" height="270" layout="responsive" data-videoid="p3jUogiOQqk" title="GSP321 Set up and Configure a Cloud Environment in Google Cloud: Challenge Lab (Revised Ed.)" data-vars-video-title="GSP321 Set up and Configure a Cloud Environment in Google Cloud: Challenge Lab (Revised Ed.)" data-vars-video-url="https://www.youtube.com/watch?v=p3jUogiOQqk" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=p3jUogiOQqk" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
+</ol> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-p3jUogiOQqk" width="480" height="270" layout="responsive" credentials="omit" data-videoid="p3jUogiOQqk" title="GSP321 Set up and Configure a Cloud Environment in Google Cloud: Challenge Lab (Revised Ed.)" data-vars-video-title="GSP321 Set up and Configure a Cloud Environment in Google Cloud: Challenge Lab (Revised Ed.)" data-vars-video-url="https://www.youtube.com/watch?v=p3jUogiOQqk" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=p3jUogiOQqk" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
 </amp-youtube> <div class="language-conf highlighter-rouge"><div class="highlight"><pre class="highlight"><code>⏱<span class="n">Timestamps</span>:
 <span class="m">00</span>:<span class="m">00</span> <span class="n">Lab</span> <span class="n">start</span> <span class="n">and</span> <span class="n">provisioning</span>
 <span class="m">01</span>:<span class="m">06</span> <span class="n">Create</span> <span class="n">development</span> <span class="n">VPC</span> <span class="n">manually</span>
@@ -71,18 +71,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Set up and Configure a Cloud Environment in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Set up and Configure a Cloud Environment in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Set up and Configure a Cloud Environment in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Set up and Configure a Cloud Environment in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Set up and Configure a Cloud Environment in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Set up and Configure a Cloud Environment in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Set up and Configure a Cloud Environment in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Set up and Configure a Cloud Environment in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Set up and Configure a Cloud Environment in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Set up and Configure a Cloud Environment in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Set up and Configure a Cloud Environment in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Set up and Configure a Cloud Environment in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Set up and Configure a Cloud Environment in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='p3jUogiOQqk']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='p3jUogiOQqk']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='p3jUogiOQqk']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='p3jUogiOQqk']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='p3jUogiOQqk']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='p3jUogiOQqk']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='p3jUogiOQqk']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='p3jUogiOQqk']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Useful-Google-Cloud-Platform-Commands-Cheat-Sheet.html b/blog/qwiklabs/Useful-Google-Cloud-Platform-Commands-Cheat-Sheet.html
index ddfede747..70ec75c96 100644
--- a/blog/qwiklabs/Useful-Google-Cloud-Platform-Commands-Cheat-Sheet.html
+++ b/blog/qwiklabs/Useful-Google-Cloud-Platform-Commands-Cheat-Sheet.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -80,18 +80,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Useful Google Cloud Platform Commands Cheat Sheet (15 Practical Tips)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Useful Google Cloud Platform Commands Cheat Sheet (15 Practical Tips)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Useful Google Cloud Platform Commands Cheat Sheet (15 Practical Tips)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Useful Google Cloud Platform Commands Cheat Sheet (15 Practical Tips)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Useful Google Cloud Platform Commands Cheat Sheet (15 Practical Tips)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Useful Google Cloud Platform Commands Cheat Sheet (15 Practical Tips)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Useful Google Cloud Platform Commands Cheat Sheet (15 Practical Tips)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Useful Google Cloud Platform Commands Cheat Sheet (15 Practical Tips)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Useful Google Cloud Platform Commands Cheat Sheet (15 Practical Tips)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Useful Google Cloud Platform Commands Cheat Sheet (15 Practical Tips)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Useful Google Cloud Platform Commands Cheat Sheet (15 Practical Tips)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Useful Google Cloud Platform Commands Cheat Sheet (15 Practical Tips)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Useful Google Cloud Platform Commands Cheat Sheet (15 Practical Tips)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/Userscript-for-Labelling-Completed-Qwiklabs.html b/blog/qwiklabs/Userscript-for-Labelling-Completed-Qwiklabs.html
index d5123499a..f11a71ec0 100644
--- a/blog/qwiklabs/Userscript-for-Labelling-Completed-Qwiklabs.html
+++ b/blog/qwiklabs/Userscript-for-Labelling-Completed-Qwiklabs.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -25,18 +25,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Userscript for Qwiklabs Lab Completion Tracking v2.0" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Userscript for Qwiklabs Lab Completion Tracking v2.0" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Userscript for Qwiklabs Lab Completion Tracking v2.0" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Userscript for Qwiklabs Lab Completion Tracking v2.0" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Userscript for Qwiklabs Lab Completion Tracking v2.0" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Userscript for Qwiklabs Lab Completion Tracking v2.0" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Userscript for Qwiklabs Lab Completion Tracking v2.0" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Userscript for Qwiklabs Lab Completion Tracking v2.0" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Userscript for Qwiklabs Lab Completion Tracking v2.0" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Userscript for Qwiklabs Lab Completion Tracking v2.0" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Userscript for Qwiklabs Lab Completion Tracking v2.0" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Userscript for Qwiklabs Lab Completion Tracking v2.0" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Userscript for Qwiklabs Lab Completion Tracking v2.0" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab.html b/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab.html
index 68c86d3c2..1cf435b37 100644
--- a/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab.html
+++ b/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -103,7 +103,7 @@
 <span class="k">FROM</span> <span class="nv">`oxford_policy_tracker.&lt;YOUR_TABLE_NAME&gt;`</span>
 <span class="k">WHERE</span> <span class="n">country_area</span> <span class="k">IS</span> <span class="k">NULL</span>
 <span class="k">ORDER</span> <span class="k">BY</span> <span class="n">country_name</span> <span class="k">ASC</span>
-</code></pre></div></div> <p>Replace <code class="language-plaintext highlighter-rouge">&lt;YOUR_DATASET_ID&gt;</code> and <code class="language-plaintext highlighter-rouge">&lt;NEW_TABLE_NAME&gt;</code> with your dataset ID and table name, and run the query. The result should be:</p> <figure class="text-center"><amp-img width="556" height="459" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-task6-union-result-v2.webp" alt="Output of Union ALL" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ1OSIgd2lkdGg9IjU1NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="556" height="459" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-task6-union-result-v2.png" alt="Output of Union ALL" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ1OSIgd2lkdGg9IjU1NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-C49jYtIMAsg" width="480" height="270" layout="responsive" data-videoid="C49jYtIMAsg" title="GSP340 Build and Optimize Data Warehouses with BigQuery: Challenge Lab (UPDATED ON JUNE 2021)" data-vars-video-title="GSP340 Build and Optimize Data Warehouses with BigQuery: Challenge Lab (UPDATED ON JUNE 2021)" data-vars-video-url="https://www.youtube.com/watch?v=C49jYtIMAsg" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=C49jYtIMAsg" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
+</code></pre></div></div> <p>Replace <code class="language-plaintext highlighter-rouge">&lt;YOUR_DATASET_ID&gt;</code> and <code class="language-plaintext highlighter-rouge">&lt;NEW_TABLE_NAME&gt;</code> with your dataset ID and table name, and run the query. The result should be:</p> <figure class="text-center"><amp-img width="556" height="459" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-task6-union-result-v2.webp" alt="Output of Union ALL" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ1OSIgd2lkdGg9IjU1NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="556" height="459" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-task6-union-result-v2.png" alt="Output of Union ALL" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ1OSIgd2lkdGg9IjU1NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-C49jYtIMAsg" width="480" height="270" layout="responsive" credentials="omit" data-videoid="C49jYtIMAsg" title="GSP340 Build and Optimize Data Warehouses with BigQuery: Challenge Lab (UPDATED ON JUNE 2021)" data-vars-video-title="GSP340 Build and Optimize Data Warehouses with BigQuery: Challenge Lab (UPDATED ON JUNE 2021)" data-vars-video-url="https://www.youtube.com/watch?v=C49jYtIMAsg" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=C49jYtIMAsg" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
 </amp-youtube> <div class="language-conf highlighter-rouge"><div class="highlight"><pre class="highlight"><code>⏱<span class="n">Timestamps</span>:
 <span class="m">00</span>:<span class="m">00</span> <span class="n">Start</span> <span class="n">Lab</span> <span class="n">and</span> <span class="n">Overview</span>
 <span class="m">00</span>:<span class="m">22</span> <span class="n">Task</span> <span class="m">1</span>: <span class="n">Create</span> <span class="n">a</span> <span class="n">table</span> <span class="n">partitioned</span> <span class="n">by</span> <span class="n">date</span>
@@ -122,18 +122,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='C49jYtIMAsg']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='C49jYtIMAsg']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='C49jYtIMAsg']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='C49jYtIMAsg']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='C49jYtIMAsg']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='C49jYtIMAsg']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='C49jYtIMAsg']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='C49jYtIMAsg']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/ensure-access-and-identity-in-google-cloud-challenge-lab.html b/blog/qwiklabs/ensure-access-and-identity-in-google-cloud-challenge-lab.html
index ae02e4164..0caa557c8 100644
--- a/blog/qwiklabs/ensure-access-and-identity-in-google-cloud-challenge-lab.html
+++ b/blog/qwiklabs/ensure-access-and-identity-in-google-cloud-challenge-lab.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -61,7 +61,7 @@
 </code></pre></div> </div> </li> <li> <p>Finally, run the following to expose the application using a load balancer service with mapping from port 80 to 8080:</p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>kubectl expose deployment hello-server <span class="nt">--name</span> orca-hello-service <span class="se">\</span>
    <span class="nt">--type</span> LoadBalancer <span class="nt">--port</span> 80 <span class="nt">--target-port</span> 8080
 </code></pre></div> </div> <p><strong>Useful documentation:</strong> <a data-vars-event-label="https://cloud.google.com/kubernetes-engine/docs/how-to/exposing-apps#using_kubectl_expose_to_create_a_service" href="https://cloud.google.com/kubernetes-engine/docs/how-to/exposing-apps#using_kubectl_expose_to_create_a_service"><em>Using kubectl expose to create a Service</em> | Kubernetes Engine Documentation</a></p> </li>
-</ol> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-HiFMZGDBzZo" width="480" height="270" layout="responsive" data-videoid="HiFMZGDBzZo" title="GSP342 Ensure Access &amp; Identity in Google Cloud: Challenge Lab (With Audio Instruction 🔉)" data-vars-video-title="GSP342 Ensure Access &amp; Identity in Google Cloud: Challenge Lab (With Audio Instruction 🔉)" data-vars-video-url="https://www.youtube.com/watch?v=HiFMZGDBzZo" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=HiFMZGDBzZo" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
+</ol> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-HiFMZGDBzZo" width="480" height="270" layout="responsive" credentials="omit" data-videoid="HiFMZGDBzZo" title="GSP342 Ensure Access &amp; Identity in Google Cloud: Challenge Lab (With Audio Instruction 🔉)" data-vars-video-title="GSP342 Ensure Access &amp; Identity in Google Cloud: Challenge Lab (With Audio Instruction 🔉)" data-vars-video-url="https://www.youtube.com/watch?v=HiFMZGDBzZo" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=HiFMZGDBzZo" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
 </amp-youtube> <div class="language-conf highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="m">00</span>:<span class="m">00</span> <span class="n">Overview</span> &amp; <span class="n">Challenge</span> <span class="n">scenario</span>
 <span class="m">00</span>:<span class="m">47</span> <span class="n">Inspect</span> <span class="n">provisioned</span> <span class="n">resources</span>
 <span class="m">01</span>:<span class="m">12</span> <span class="n">Set</span> <span class="n">default</span> <span class="n">zone</span> <span class="n">according</span> <span class="n">to</span> <span class="n">the</span> <span class="n">region</span> <span class="n">of</span> <span class="n">orca</span>-<span class="n">build</span>-<span class="n">subnet</span>
@@ -79,18 +79,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Ensure Access &amp; Identity in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Ensure Access &amp; Identity in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Ensure Access &amp; Identity in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Ensure Access &amp; Identity in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Ensure Access &amp; Identity in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Ensure Access &amp; Identity in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Ensure Access &amp; Identity in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Ensure Access &amp; Identity in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Ensure Access &amp; Identity in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Ensure Access &amp; Identity in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Ensure Access &amp; Identity in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Ensure Access &amp; Identity in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Ensure Access &amp; Identity in Google Cloud: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='HiFMZGDBzZo']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='HiFMZGDBzZo']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='HiFMZGDBzZo']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='HiFMZGDBzZo']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='HiFMZGDBzZo']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='HiFMZGDBzZo']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='HiFMZGDBzZo']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='HiFMZGDBzZo']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/optimize-costs-for-google-kubernetes-engine-challenge-lab.html b/blog/qwiklabs/optimize-costs-for-google-kubernetes-engine-challenge-lab.html
index 501380859..80c8c667c 100644
--- a/blog/qwiklabs/optimize-costs-for-google-kubernetes-engine-challenge-lab.html
+++ b/blog/qwiklabs/optimize-costs-for-google-kubernetes-engine-challenge-lab.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -60,7 +60,7 @@
 </ol> <ol start="4"> <li> <p>To test the autoscalers, run the following to perform a load test to simulate the traffic surge.</p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>kubectl <span class="nb">exec</span> <span class="si">$(</span>kubectl get pod <span class="nt">--namespace</span><span class="o">=</span>dev | <span class="nb">grep</span> <span class="s1">'loadgenerator'</span> | <span class="nb">cut</span> <span class="nt">-f1</span> <span class="nt">-d</span> <span class="s1">' '</span><span class="si">)</span> <span class="se">\</span>
    <span class="nt">-it</span> <span class="nt">--namespace</span><span class="o">=</span>dev <span class="nt">--</span> bash <span class="nt">-c</span> <span class="s2">"export USERS=8000; sh ./loadgen.sh"</span>
 </code></pre></div> </div> <p>The command produces traffic on the store from a <code class="language-plaintext highlighter-rouge">loadgenerator</code> pod with a high number of concurrent users.</p> </li> <li> <p>Navigate to the OVERVIEW tab of the <strong>frontend deployment</strong>, you should see a sharp increase in CPU, Memory, and Disk utilization after the load test started.</p> <figure class="ml-li"><amp-img width="624" height="302" layout="intrinsic" src="/images/posts/qwiklabs/gsp343-task4-monitoring-traffic-spike.webp" alt="High CPU, Memory and Disk utilization yielded by traffic spike" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwMiIgd2lkdGg9IjYyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="624" height="302" layout="intrinsic" src="/images/posts/qwiklabs/gsp343-task4-monitoring-traffic-spike.png" alt="High CPU, Memory and Disk utilization yielded by traffic spike" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwMiIgd2lkdGg9IjYyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <p>Scroll to the <strong>Managed Pods</strong> section, you should observe the number of pods increases by the horizontal pod autoscaling.</p> <figure class="ml-li"><amp-img width="624" height="302" layout="intrinsic" src="/images/posts/qwiklabs/gsp343-task4-cluster-autoscaling-frontend-pods.webp" alt="The frontend pods increase with horizontal pod autoscaling" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwMiIgd2lkdGg9IjYyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="624" height="302" layout="intrinsic" src="/images/posts/qwiklabs/gsp343-task4-cluster-autoscaling-frontend-pods.png" alt="The frontend pods increase with horizontal pod autoscaling" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwMiIgd2lkdGg9IjYyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> </li>
-</ol> <p>Eventually, you will also see new nodes initiate by the cluster autoscaling. But you need to keep patient for a while.</p> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-jeB-FIeGKkQ" width="480" height="270" layout="responsive" data-videoid="jeB-FIeGKkQ" title="GSP343 Optimize Costs for Google Kubernetes Engine: Challenge Lab | GCP learning tour" data-vars-video-title="GSP343 Optimize Costs for Google Kubernetes Engine: Challenge Lab | GCP learning tour" data-vars-video-url="https://www.youtube.com/watch?v=jeB-FIeGKkQ" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=jeB-FIeGKkQ" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
+</ol> <p>Eventually, you will also see new nodes initiate by the cluster autoscaling. But you need to keep patient for a while.</p> <p><br></p> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-jeB-FIeGKkQ" width="480" height="270" layout="responsive" credentials="omit" data-videoid="jeB-FIeGKkQ" title="GSP343 Optimize Costs for Google Kubernetes Engine: Challenge Lab | GCP learning tour" data-vars-video-title="GSP343 Optimize Costs for Google Kubernetes Engine: Challenge Lab | GCP learning tour" data-vars-video-url="https://www.youtube.com/watch?v=jeB-FIeGKkQ" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=jeB-FIeGKkQ" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
 </amp-youtube> <div class="language-conf highlighter-rouge"><div class="highlight"><pre class="highlight"><code>⏱ <span class="n">Timestamps</span>
 <span class="m">0</span>:<span class="m">00</span> <span class="n">Challenge</span> <span class="n">Scenario</span>
 <span class="m">0</span>:<span class="m">11</span> <span class="n">Task1</span>: <span class="n">Create</span> <span class="n">our</span> <span class="n">cluster</span> <span class="n">and</span> <span class="n">deploy</span> <span class="n">our</span> <span class="n">app</span>
@@ -77,18 +77,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Optimize Costs for Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Optimize Costs for Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Optimize Costs for Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Optimize Costs for Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Optimize Costs for Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Optimize Costs for Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Optimize Costs for Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Optimize Costs for Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Optimize Costs for Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Optimize Costs for Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Optimize Costs for Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Optimize Costs for Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Optimize Costs for Google Kubernetes Engine: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='jeB-FIeGKkQ']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='jeB-FIeGKkQ']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='jeB-FIeGKkQ']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='jeB-FIeGKkQ']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='jeB-FIeGKkQ']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='jeB-FIeGKkQ']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='jeB-FIeGKkQ']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='jeB-FIeGKkQ']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/qwiklab-completion-tracker-versions.html b/blog/qwiklabs/qwiklab-completion-tracker-versions.html
index d7be2827a..139ac0c6c 100644
--- a/blog/qwiklabs/qwiklab-completion-tracker-versions.html
+++ b/blog/qwiklabs/qwiklab-completion-tracker-versions.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -24,7 +24,7 @@
 </ul> <hr> <h2 id="for-v048-or-earlier">For v0.4.8 or Earlier<a class="anchor-link" href="#for-v048-or-earlier"><i class="fas fa-link"></i></a></h2> <ul> <li>Each catalog item compares with the manually labelled array data storing within the userscript.</li> <li> <p>Label the completed labs and quests with a green check-circle (<i class="fa fa-check-circle" style="color:green"></i>) at the end of their titles.</p> <figure class="text-center"><amp-img width="730" height="576" layout="intrinsic" src="/images/projects/qwiklabs-complete-indicator-catalog-page-old.webp" alt="Green Check Mark and Highlight displays on Qwiklabs Catalog Page" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjU3NiIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="576" layout="intrinsic" src="/images/projects/qwiklabs-complete-indicator-catalog-page-old.png" alt="Green Check Mark and Highlight displays on Qwiklabs Catalog Page" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjU3NiIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img><figcaption>Effects on the Qwiklabs catalog page (For version &lt; 0.4.5)</figcaption></figure> </li>
 </ul> <h3 id="v048---support-tracking-home-and-my-learning-pages">v0.4.8 - Support Tracking “Home” and “My Learning” Pages<a class="anchor-link" href="#v048---support-tracking-home-and-my-learning-pages"><i class="fas fa-link"></i></a></h3> <p><small><i class="fas fa-calendar-day fa-sm"></i> <time datetime="2020-06-06">2020-06-06</time></small></p> <ul> <li>Add <strong>NEW</strong> badges and yellow highlights to any unregistered labs and quests.</li> <li>Apply the color scheme to the short tables of the “Completed Courses” and “Completed Labs” pages on the <strong>My Learning</strong> page.</li> <li>Apply the annotation scheme to the “Your Favorites”, “Featured Learning”, and “What’s Hots” sections on the <strong>Home</strong> page.</li>
 </ul> <h3 id="v045">v0.4.5<a class="anchor-link" href="#v045"><i class="fas fa-link"></i></a></h3> <p><small><i class="fas fa-calendar-day fa-sm"></i> <time datetime="2020-05-20">2020-05-20</time></small></p> <ul> <li>Add green highlight to the titles of completed labs and quests.</li> <li>Add annotations to Your Favorites in the <strong>My Learning</strong> page.</li> <li>Add color backgrounds to each row in tables of the <strong>Completed Courses</strong> and <strong>Completed Labs</strong> pages.</li> <li>Change to use JSON-markup for storing lab and quest data.</li>
-</ul> <p>The <strong>version 0.4.5</strong> start covering the “<em>Completed Courses</em>” and “<em>Completed Labs</em>” pages under the <strong>My Learning</strong> section. Since the quests mix with speedrun games in the list of completed courses, each row of the game records highlights in purple color for distinguishing them.</p> <div class="row"> <figure class="col-md-6 text-center mb-4"><amp-img width="730" height="339" layout="intrinsic" src="/images/projects/qwiklabs-complete-indicator-courses-table.webp" alt="Markers and Highlights on Completed Courses" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMzOSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="339" layout="intrinsic" src="/images/projects/qwiklabs-complete-indicator-courses-table.png" alt="Markers and Highlights on Completed Courses" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMzOSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img><figcaption>Effects on the <i>Completed Courses</i> page (For version &gt;= 0.4.5)</figcaption></figure> <figure class="col-md-6 text-center mb-4"><amp-img width="730" height="337" layout="intrinsic" src="/images/projects/qwiklabs-complete-indicator-labs-table.webp" alt="Markers and Highlights on Completed Labs pages" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMzNyIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="337" layout="intrinsic" src="/images/projects/qwiklabs-complete-indicator-labs-table.png" alt="Markers and Highlights on Completed Labs pages" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMzNyIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img><figcaption>Effects on the <i>Completed Labs</i> page (For version &gt;= 0.4.5)</figcaption></figure> </div> <hr> <div class="clearfix"></div> </div>  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/changelog/">Changelog</a></small> </li><li> <small><a href="/tag/qwiklabs/">Qwiklabs</a></small> </li><li> <small><a href="/tag/userscript/">Userscript</a></small> </li></ul> </div>   <div class="row PageNavigation mt-4 prevnextlinks"><div class="col-md-6 rightborder pl-0"> <a class="thepostlink" href="/blog/matlab/matlab-packages-and-toolboxes">&laquo; My MATLAB Package and Toolbox Picks</a> </div></div>  <div class="row post-top-meta"> <div class="col-md-2"> <amp-img class="author-thumb i-amphtml-layout-fixed i-amphtml-layout-size-defined" width="72" height="72" src="https://www.gravatar.com/avatar/abd876486b2caa54b43bf64a5a86f620?s=250&d=mm&r=x" alt="Chris F." style="width:72px;height:72px;" i-amphtml-layout="fixed"></amp-img> </div> <div class="col-md-10"> <a class="link-dark" href="https://en.gravatar.com/chrisfungky" rel="noopener" target="_blank">Chris F.</a><a href="https://www.facebook.com/chriskyfung/" class="btn follow" rel="noopener" target="_blank">Follow</a> <span class="author-description">Author of this blog, M.Phil.</span> </div> </div> <section> <div id="comments"><div class="disqus"> <amp-iframe width="600" height="580" layout="responsive" data-block-on-consent-purposes="functional" sandbox="allow-scripts allow-same-origin allow-modals allow-popups allow-forms" resizable src="https://chriskyfung.gitlab.io/disqus-amp/?url=https://chriskyfung.github.io/blog/qwiklabs/qwiklab-completion-tracker-versions&title='Qwiklabs+Lab+Completion+Tracker+-+Version+History'" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:96.6667%"></i-amphtml-sizer> <div overflow style="background-color: #0003;display: block;position: relative;"> <button class="btn btn-dark" aria-label="Load more comments" tabindex="0" style="margin: .5em 50%; transform: translateX(-50%);"> Load more </button> </div> <div placeholder>Loading Disqus Comments...</div> <div fallback> Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a> </div> </amp-iframe>
+</ul> <p>The <strong>version 0.4.5</strong> start covering the “<em>Completed Courses</em>” and “<em>Completed Labs</em>” pages under the <strong>My Learning</strong> section. Since the quests mix with speedrun games in the list of completed courses, each row of the game records highlights in purple color for distinguishing them.</p> <div class="row"> <figure class="col-md-6 text-center mb-4"><amp-img width="730" height="339" layout="intrinsic" src="/images/projects/qwiklabs-complete-indicator-courses-table.webp" alt="Markers and Highlights on Completed Courses" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMzOSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="339" layout="intrinsic" src="/images/projects/qwiklabs-complete-indicator-courses-table.png" alt="Markers and Highlights on Completed Courses" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMzOSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img><figcaption>Effects on the <i>Completed Courses</i> page (For version &gt;= 0.4.5)</figcaption></figure> <figure class="col-md-6 text-center mb-4"><amp-img width="730" height="337" layout="intrinsic" src="/images/projects/qwiklabs-complete-indicator-labs-table.webp" alt="Markers and Highlights on Completed Labs pages" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMzNyIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="337" layout="intrinsic" src="/images/projects/qwiklabs-complete-indicator-labs-table.png" alt="Markers and Highlights on Completed Labs pages" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMzNyIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img><figcaption>Effects on the <i>Completed Labs</i> page (For version &gt;= 0.4.5)</figcaption></figure> </div> <hr> <div class="clearfix"></div> </div>  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/changelog/">Changelog</a></small> </li><li> <small><a href="/tag/qwiklabs/">Qwiklabs</a></small> </li><li> <small><a href="/tag/userscript/">Userscript</a></small> </li></ul> </div>   <div class="row PageNavigation mt-4 prevnextlinks"><div class="col-md-6 rightborder pl-0"> <a class="thepostlink" href="/blog/matlab/matlab-packages-and-toolboxes">&laquo; My MATLAB Package and Toolbox Picks</a> </div><div class="col-md-6 text-right pr-0"> <a class="thepostlink" href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command &raquo;</a> </div></div>  <div class="row post-top-meta"> <div class="col-md-2"> <amp-img class="author-thumb i-amphtml-layout-fixed i-amphtml-layout-size-defined" width="72" height="72" src="https://www.gravatar.com/avatar/abd876486b2caa54b43bf64a5a86f620?s=250&d=mm&r=x" alt="Chris F." style="width:72px;height:72px;" i-amphtml-layout="fixed"></amp-img> </div> <div class="col-md-10"> <a class="link-dark" href="https://en.gravatar.com/chrisfungky" rel="noopener" target="_blank">Chris F.</a><a href="https://www.facebook.com/chriskyfung/" class="btn follow" rel="noopener" target="_blank">Follow</a> <span class="author-description">Author of this blog, M.Phil.</span> </div> </div> <section> <div id="comments"><div class="disqus"> <amp-iframe width="600" height="580" layout="responsive" data-block-on-consent-purposes="functional" sandbox="allow-scripts allow-same-origin allow-modals allow-popups allow-forms" resizable src="https://chriskyfung.gitlab.io/disqus-amp/?url=https://chriskyfung.github.io/blog/qwiklabs/qwiklab-completion-tracker-versions&title='Qwiklabs+Lab+Completion+Tracker+-+Version+History'" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:96.6667%"></i-amphtml-sizer> <div overflow style="background-color: #0003;display: block;position: relative;"> <button class="btn btn-dark" aria-label="Load more comments" tabindex="0" style="margin: .5em 50%; transform: translateX(-50%);"> Load more </button> </div> <div placeholder>Loading Disqus Comments...</div> <div fallback> Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a> </div> </amp-iframe>
 </div></div> </section>  </div>  <div class="col-md-4 col-lg-4 right-sidebar"><div class="sidebar"> <h2 class="sr-only">Sidebar</h2> <div aria-label="featured posts" class="sidebar-section"> <h3><span>Featured</span><span class="sr-only"> Posts</span></h3> <section class="featured-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp335-cover.thumb.webp" alt="Image in Qwiklabs Lab Completion Tracker - Version History" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp335-cover.thumb.png" alt="Image in Qwiklabs Lab Completion Tracker - Version History" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab">☁ Secure Workloads in Google Kubernetes Engine: Challenge Lab | l...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i><i class="fas fa-sync-alt fa-xs" aria-hidden="true" style="color:#0293d8;margin-left:-.5em;vertical-align:bottom"></i> <time datetime="2021-06-27T15:00:00+08:00" itemprop="dateModified" title="Updated on">27 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/windows/fix-windows10-boot-loop-after-fail-upgrade"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/windows/restoring-your-previous-version-of-windows-10.thumb.webp" alt="Image in Qwiklabs Lab Completion Tracker - Version History" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/windows/restoring-your-previous-version-of-windows-10.thumb.png" alt="Image in Qwiklabs Lab Completion Tracker - Version History" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/windows/fix-windows10-boot-loop-after-fail-upgrade">Fix reboot loop after a fail upgrade of Windows 10, Version 2004,...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/windows/fix-windows10-boot-loop-after-fail-upgrade" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2020-06-23T23:18:00+08:00" itemprop="datePublished" title="Published on">23 Jun 2020</time></div> <ul class="tags"><li> <small><a href="/category/windows/">Windows</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
@@ -33,18 +33,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Qwiklabs Lab Completion Tracker - Version History" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Qwiklabs Lab Completion Tracker - Version History" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Qwiklabs Lab Completion Tracker - Version History" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Qwiklabs Lab Completion Tracker - Version History" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Qwiklabs Lab Completion Tracker - Version History" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Qwiklabs Lab Completion Tracker - Version History" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Qwiklabs Lab Completion Tracker - Version History" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Qwiklabs Lab Completion Tracker - Version History" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Qwiklabs Lab Completion Tracker - Version History" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Qwiklabs Lab Completion Tracker - Version History" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Qwiklabs Lab Completion Tracker - Version History" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Qwiklabs Lab Completion Tracker - Version History" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Qwiklabs Lab Completion Tracker - Version History" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/qwiklabs-user-tips-for-learning-google-cloud-platform.html b/blog/qwiklabs/qwiklabs-user-tips-for-learning-google-cloud-platform.html
index d7852d8e6..e1addfc84 100644
--- a/blog/qwiklabs/qwiklabs-user-tips-for-learning-google-cloud-platform.html
+++ b/blog/qwiklabs/qwiklabs-user-tips-for-learning-google-cloud-platform.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -14,7 +14,7 @@
 <ul class="navbar-btngroup row ml-auto"><li class="nav-item"> <div class="invitation-codes"> <a class="btn invitation-codes-badge" href="https://invitation.codes/@chriskyfung" data-type data-vars-event-label="Invitation Code Button" aria-label="invitation.codes - link opens in a new tab" title="invitation.codes - Open in New Tab" rel="noopener noreferrer" target="_blank"> <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment-alt-dots" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width:20px"> <path fill="currentColor" d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm16 352c0 8.8-7.2 16-16 16H288l-12.8 9.6L208 428v-60H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h384c8.8 0 16 7.2 16 16v288zM128 176c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32z" class=""/> </svg> </a>
 </div> </li><li class="nav-item"> <a class="gh-style btn btn-block" style="margin: 2px 0" aria-label="Sponsor @chriskyfung" target="_top" href="https://github.com/sponsors/chriskyfung?o=esb"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart icon-sponsor color-fg-sponsors"> <path fill-rule="evenodd" d="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z"/> </svg> <span>Sponsor</span> </a> </li><li class="nav-item"> <button type="button" on="tap:amp-searchbar" id="toggle-search" class="btn btn-primary" data-toggle="modal" data-target="#searchbar" title="search" accesskey="/"> <i class="fas fa-search"></i> </button> </li> </ul> </div>  </div> </nav> <amp-lightbox scrollable id="amp-searchbar" layout="nodisplay" animate-in="fade-in" hidden="hidden" class="i-amphtml-layout-nodisplay" i-amphtml-layout="nodisplay"> <div class="modal-dialog modal-lg">  <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Search for</h5> <button class="close" type="button" on="tap:amp-searchbar.close" aria-label="Close Search Modal" tabindex="-1">×</button> </div> <div class="modal-body"> <div class="search_form"> <form method="GET" action="/search" target="_top"> <amp-autocomplete class="searchbox i-amphtml-layout-container" filter="substring" src="/assets/data/suggestions.json" i-amphtml-layout="container"> <input class="form-control" name="q" type="search" placeholder="Search" required> </amp-autocomplete> <input hidden name="sitesearch" value="chriskyfung.github.io"> <button class="btn btn-primary" type="submit">Search</button> </form> </div> </div> </div> </div> </amp-lightbox>   <div class="site-content"> <div class="container">  <div class="main-content" style="margin-top: 88px;">  <div class="row"> <div id="post" class="col-md-8 col-lg-8"> <div class="mainheading">  <div class="after-post-tags"> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div>   <h1 class="posttitle">Learning Google Cloud Platform on Qwiklabs: Learning Map, Assistive Tool and Tips (2020)</h1> </div> <amp-img data-hero class="featured-image i-amphtml-layout-responsive i-amphtml-layout-size-defined" width="730" height="410" layout="responsive" src="/images/posts/qwiklabs/qwiklabs-badges.webp" alt="Learning Google Cloud Platform on Qwiklabs: Learning Map, Assistive Tool and Tips (2020)" i-amphtml-ssr i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.1644%"></i-amphtml-sizer> <amp-img data-hero fallback class="featured-image i-amphtml-layout-responsive i-amphtml-layout-size-defined" width="730" height="410" layout="responsive" src="/images/posts/qwiklabs/qwiklabs-badges.jpg" alt="Learning Google Cloud Platform on Qwiklabs: Learning Map, Assistive Tool and Tips (2020)" i-amphtml-ssr i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.1644%"></i-amphtml-sizer><img class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" alt="Learning Google Cloud Platform on Qwiklabs: Learning Map, Assistive Tool and Tips (2020)" src="/images/posts/qwiklabs/qwiklabs-badges.jpg"></amp-img> <img class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" alt="Learning Google Cloud Platform on Qwiklabs: Learning Map, Assistive Tool and Tips (2020)" src="/images/posts/qwiklabs/qwiklabs-badges.webp"></amp-img>  <p> <small> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2020-02-22T22:10:00+08:00" itemprop="datePublished" title="Published on">22 Feb 2020</time> | <i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i><i class="fas fa-sync-alt fa-xs" aria-hidden="true" style="color:#0293d8;margin-left:-.5em;vertical-align:bottom"></i> <time datetime="2020-06-20T23:36:00+08:00" itemprop="dateModified" title="Updated on">20 Jun 2020</time></div> </small> </p> <div class="article-post"><aside style="position: relative;"> <a href="#toc-skipped" class="screen-reader-only">Skip table of contents</a>
 </aside> <h2 class="no_toc" id="table-of-contents">Table of Contents</h2> <ul id="markdown-toc"> <li><a href="#what-is-qwiklabs" id="markdown-toc-what-is-qwiklabs">What is Qwiklabs</a></li> <li><a href="#visual-map-of-qwiklabs-gcp-quests" id="markdown-toc-visual-map-of-qwiklabs-gcp-quests">Visual Map of Qwiklabs GCP Quests</a></li> <li><a href="#custom-tool-for-labelling-completed-labs-and-quests" id="markdown-toc-custom-tool-for-labelling-completed-labs-and-quests">Custom Tool for Labelling Completed Labs and Quests</a></li> <li><a href="#tips-for-preparing-a-lab" id="markdown-toc-tips-for-preparing-a-lab">Tips for Preparing a Lab</a></li> <li><a href="#see-also-" id="markdown-toc-see-also-">See Also 📚</a></li>
-</ul> <aside id="toc-skipped"></aside> <h2 id="what-is-qwiklabs">What is Qwiklabs<a class="anchor-link" href="#what-is-qwiklabs"><i class="fas fa-link"></i></a></h2> <p><a data-vars-event-label="https://www.qwiklabs.com" href="https://www.qwiklabs.com">Qwiklabs</a> is a great online self-paced learning platform for getting hands-on experience of the Google Cloud Platform. It has over 400 hands-on labs and quests to learn and practice. If you are not familiar with Qwiklabs, I suggest you watch this video made by Google Cloud Team to get a rough idea about using Qwiklabs for Hands-on Practice with Google Cloud.</p> <amp-youtube id="yt-cyp7soKLOYI" width="480" height="270" layout="responsive" data-videoid="cyp7soKLOYI" title="Using Qwiklabs for Hands-on Practice with Google Cloud | Google Cloud Labs" data-vars-video-title="Using Qwiklabs for Hands-on Practice with Google Cloud | Google Cloud Labs" data-vars-video-url="https://www.youtube.com/watch?v=cyp7soKLOYI" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=cyp7soKLOYI" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
+</ul> <aside id="toc-skipped"></aside> <h2 id="what-is-qwiklabs">What is Qwiklabs<a class="anchor-link" href="#what-is-qwiklabs"><i class="fas fa-link"></i></a></h2> <p><a data-vars-event-label="https://www.qwiklabs.com" href="https://www.qwiklabs.com">Qwiklabs</a> is a great online self-paced learning platform for getting hands-on experience of the Google Cloud Platform. It has over 400 hands-on labs and quests to learn and practice. If you are not familiar with Qwiklabs, I suggest you watch this video made by Google Cloud Team to get a rough idea about using Qwiklabs for Hands-on Practice with Google Cloud.</p> <amp-youtube id="yt-cyp7soKLOYI" width="480" height="270" layout="responsive" credentials="omit" data-videoid="cyp7soKLOYI" title="Using Qwiklabs for Hands-on Practice with Google Cloud | Google Cloud Labs" data-vars-video-title="Using Qwiklabs for Hands-on Practice with Google Cloud | Google Cloud Labs" data-vars-video-url="https://www.youtube.com/watch?v=cyp7soKLOYI" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=cyp7soKLOYI" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
 </amp-youtube> <p><br></p> <p>After you logged in to Qwiklabs, you can see there are five training categories, i.e.</p>
 <ul> <li>Infrastructure &amp; DevOps</li> <li>Websites &amp; App Dev</li> <li>Big Data</li> <li>Machine Learning</li> <li>Security, Backup &amp; Recovery</li>
 </ul> <figure><amp-img width="730" height="468" layout="intrinsic" src="/images/posts/qwiklabs/qwiklabs-default-catagories.webp" alt="Five default training catagories defined by Qwiklabs" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ2OCIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="468" layout="intrinsic" src="/images/posts/qwiklabs/qwiklabs-default-catagories.png" alt="Five default training catagories defined by Qwiklabs" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ2OCIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <p>You can start your training based on your goal and purpose, or find the quests for GCP using the filter function available on the Catalog page. Qwiklabs grouped different kinds of labs into 56 quests for learning GCP, and divided them to 4 levels: Introductory, Fundamental, Advanced, and Expert. You may also look for the resources by search, but the results are sorted by relevance rather than an appropriate order for study or learning. As a result, I tried to organise the Qwiklabs quests to be a learning map to trace the connections among them.</p> <figure><amp-img width="730" height="621" layout="intrinsic" src="/images/posts/qwiklabs/qwiklabs-catalog-with-quest-filter-for-gcp.webp" alt="Using filter to find quests for Google Cloud Platform on Qwiklabs Catalog page" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYyMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="621" layout="intrinsic" src="/images/posts/qwiklabs/qwiklabs-catalog-with-quest-filter-for-gcp.png" alt="Using filter to find quests for Google Cloud Platform on Qwiklabs Catalog page" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYyMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <h2 id="visual-map-of-qwiklabs-gcp-quests">Visual Map of Qwiklabs GCP Quests<a class="anchor-link" href="#visual-map-of-qwiklabs-gcp-quests"><i class="fas fa-link"></i></a></h2> <p>I spent about three months to take all the Qwiklabs quests for Google Cloud Platform. In the end, I think that there is a need to create a visual map to indicate and understand the relationships between the quests, thereby an easier way for any beginner to seek their desired learning paths. I illustrated the following map by connecting the blocks based on the quest descriptions. You can navigate in the map and click on the boxes to open the corresponding quest webpages.</p> <div class="box-highlight"> <p class="text-center">Learning map for Qwiklabs GCP Quests (keep update)</p>
@@ -25,7 +25,7 @@
 </button>
 </div> <amp-lightbox scrollable id="amp-largemap" layout="nodisplay" animate-in="fade-in" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <div class="iframe-bg-white"> <button type="button" class="close" tabindex="-1" on="tap:amp-largemap.close">&times;</button> <amp-iframe width="1493" height="2259" layout="intrinsic" frameborder="0" sandbox="allow-scripts" src="/images/projects/qwiklabs-quests-map.svg" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIyNTkiIHdpZHRoPSIxNDkzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIvPg=="></i-amphtml-sizer> <span placeholder class="text-center">Loading...</span> </amp-iframe> </div>
 </amp-lightbox> <h2 id="custom-tool-for-labelling-completed-labs-and-quests">Custom Tool for Labelling Completed Labs and Quests<a class="anchor-link" href="#custom-tool-for-labelling-completed-labs-and-quests"><i class="fas fa-link"></i></a></h2> <p>As a Qwiklabs user, I found it is messy and damp to lookup unenrolled quests or incompleted labs from the Qwiklabs Catalog page or Search Results (<a data-vars-event-label="https://www.qwiklabs.com/catalog" href="https://www.qwiklabs.com/catalog">www.qwiklabs.com/catalog</a>). I desired to make a straight-forward way to identify the catalog, by adding a green check-circle next to those completed. So, I tried to develop a solution named “<a data-vars-event-label="https://github.com/chriskyfung/qwiklabs-completed-labs-tracker" href="https://github.com/chriskyfung/qwiklabs-completed-labs-tracker">Qwiklabs Lab Completion Tracker</a>”.</p> <p>The prototyped tool can help you visually identify the completed catalogue items with a green check-circle (<i class="fa fa-check-circle" style="color:green"></i>) showing at the end of a lab or quest title. A demo screenshot is shown below.</p> <figure class="text-center mb-4"><amp-img width="730" height="482" layout="intrinsic" src="/images/projects/qwiklabs-complete-indicator-quest-page-demo.webp" alt="Green Check Marks and Highlights to the completed lab items on a Qwiklabs Quest Page" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ4MiIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="482" layout="intrinsic" src="/images/projects/qwiklabs-complete-indicator-quest-page-demo.png" alt="Green Check Marks and Highlights to the completed lab items on a Qwiklabs Quest Page" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ4MiIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img><figcaption>Fig. Effects on the completed labs on a Quest page (For version &gt;= 0.4.5)</figcaption></figure> <figure class="text-center mb-4"><amp-img width="510" height="345" layout="intrinsic" src="/images/projects/qwiklabs-complete-indicator-lab-page-demo.webp" alt="Green Check Mark and Highlight displays on a Completed Qwiklabs Lab Page" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0NSIgd2lkdGg9IjUxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="510" height="345" layout="intrinsic" src="/images/projects/qwiklabs-complete-indicator-lab-page-demo.png" alt="Green Check Mark and Highlight displays on a Completed Qwiklabs Lab Page" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0NSIgd2lkdGg9IjUxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img><figcaption>Fig. Effects on a completed lab page (For version &gt;= 0.4.5)</figcaption></figure> <p>For more information, you can read the post <em>“<a href="/blog/qwiklabs/userscript-for-labelling-completed-qwiklabs">Userscript for Labelling Completed Qwiklabs</a>“</em>.</p> <h2 id="tips-for-preparing-a-lab">Tips for Preparing a Lab<a class="anchor-link" href="#tips-for-preparing-a-lab"><i class="fas fa-link"></i></a></h2> <p>Sometimes, you can find examples and tutorials from the Qwiklabs’ blog on <a data-vars-event-label="https://qwiklabs.medium.com/" href="https://qwiklabs.medium.com/">Medium</a> (<a data-vars-event-label="https://qwiklabs.medium.com/" href="https://qwiklabs.medium.com/">@qwiklabs</a>). Also, you may search for introductive videos from YouTube, such as the <a data-vars-event-label="https://www.youtube.com/channel/UCgadTofKslPYREQE8TjY7AA/videos" href="https://www.youtube.com/channel/UCgadTofKslPYREQE8TjY7AA/videos">Qwiklabs</a> and the <a data-vars-event-label="https://www.youtube.com/user/googlecloudplatform" href="https://www.youtube.com/user/googlecloudplatform">Google Cloud Platform</a> channels. The playlist below includes parts of the videos,</p> 
-<amp-youtube id="yt-ew-r46FmzSM" width="480" height="270" layout="responsive" data-videoid="ew-r46FmzSM" data-param-listtype="playlist" data-param-list="PLIivdWyY5sqKOsBSMDTF0M76nXeChgh5D" title="Qwiklabs Quests Previews | Google Cloud Labs" data-vars-video-title="Qwiklabs Quests Previews | Google Cloud Labs" data-vars-video-url="https://www.youtube.com/watch?v=ew-r46FmzSM&amp;list=PLIivdWyY5sqKOsBSMDTF0M76nXeChgh5D" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=ew-r46FmzSM&amp;list=PLIivdWyY5sqKOsBSMDTF0M76nXeChgh5D" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
+<amp-youtube id="yt-ew-r46FmzSM" width="480" height="270" layout="responsive" credentials="omit" data-videoid="ew-r46FmzSM" data-param-listtype="playlist" data-param-list="PLIivdWyY5sqKOsBSMDTF0M76nXeChgh5D" title="Qwiklabs Quests Previews | Google Cloud Labs" data-vars-video-title="Qwiklabs Quests Previews | Google Cloud Labs" data-vars-video-url="https://www.youtube.com/watch?v=ew-r46FmzSM&amp;list=PLIivdWyY5sqKOsBSMDTF0M76nXeChgh5D" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=ew-r46FmzSM&amp;list=PLIivdWyY5sqKOsBSMDTF0M76nXeChgh5D" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
 </amp-youtube>  <amp-ad width="auto" height="325" type="a9" data-amzn_assoc_placement="adunit0" data-amzn_assoc_search_bar="true" data-amzn_assoc_tracking_id="cfky05-20" data-amzn_assoc_ad_mode="manual" data-amzn_assoc_ad_type="smart" data-amzn_assoc_marketplace="amazon" data-amzn_assoc_region="US" data-amzn_assoc_title="Recommended Books" data-amzn_assoc_linkid="9cf248fb1fbaccac1da576f76533a29c" data-amzn_assoc_asins="1119564417,1491974567,1491962291,B07P5JZCXV" layout="fixed-height" class="i-amphtml-layout-fixed-height i-amphtml-layout-size-defined" style="height:325px;" i-amphtml-layout="fixed-height">
 </amp-ad> <h2 id="see-also-">See Also 📚<a class="anchor-link" href="#see-also-"><i class="fas fa-link"></i></a></h2> <p><em>Resources:</em></p> <ul> <li><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet</a></li>
 </ul> <p><em>The Cookbooks of Challenge Quest Series:</em></p> <figure class="text-center"><a href="/blog/qwiklabs/where-does-my-bear-badge-go"><amp-img width="473" height="188" layout="intrinsic" src="/images/posts/qwiklabs/qwiklabs-change-badge-for-Challenge-GCP-Architecture-quest.webp" alt="Badges for Challenge-GCP-Architecture: Before and After" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4OCIgd2lkdGg9IjQ3MyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="473" height="188" layout="intrinsic" src="/images/posts/qwiklabs/qwiklabs-change-badge-for-Challenge-GCP-Architecture-quest.png" alt="Badges for Challenge-GCP-Architecture: Before and After" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4OCIgd2lkdGg9IjQ3MyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></a><figcaption>Badge Change in 2020</figcaption></figure> <ul> <li><a href="/blog/qwiklabs/Google-Cloud-Essential-Skills-Challenge-Lab">☁ Google Cloud Essential Skills: Challenge Lab | logbook </a></li> <li><a href="/blog/qwiklabs/Deploy-a-Compute-Instance-with-a-Remote-Startup-Script">☁ Deploy a Compute Instance with a Remote Startup Script | logbook </a></li> <li><a href="/blog/qwiklabs/Configure-a-Firewall-and-a-Startup-Script-with-Deployment-Manager">☁ Configure a Firewall and a Startup Script with Deployment Manager | logbook </a></li> <li><a href="/blog/qwiklabs/Configure-Windows-Bastion-Host-with-Terraform-on-GCP">☁ Configure Secure RDP using a Windows Bastion Host with Terraform | logbook </a></li> <li><a href="/blog/qwiklabs/Build-and-Deploy-a-Docker-Image-to-a-Kubernetes-Cluster">☁ Build and Deploy a Docker Image to a Kubernetes Cluster | logbook </a></li> <li><a href="/blog/qwiklabs/Scale-Out-and-Update-a-Containerized-Application-on-a-Kubernetes-Cluster">☁ Scale Out and Update a Containerized Application on a Kubernetes Cluster | logbook </a></li> <li><a href="/blog/qwiklabs/Migrate-a-MySQL-Database-to-Google-Cloud-SQL">☁ Migrate a MySQL Database to Google Cloud SQL | logbook </a></li>
@@ -41,18 +41,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Learning Google Cloud Platform on Qwiklabs: Learning Map, Assistive Tool and Tips (2020)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Learning Google Cloud Platform on Qwiklabs: Learning Map, Assistive Tool and Tips (2020)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Learning Google Cloud Platform on Qwiklabs: Learning Map, Assistive Tool and Tips (2020)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Learning Google Cloud Platform on Qwiklabs: Learning Map, Assistive Tool and Tips (2020)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Learning Google Cloud Platform on Qwiklabs: Learning Map, Assistive Tool and Tips (2020)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Learning Google Cloud Platform on Qwiklabs: Learning Map, Assistive Tool and Tips (2020)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Learning Google Cloud Platform on Qwiklabs: Learning Map, Assistive Tool and Tips (2020)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Learning Google Cloud Platform on Qwiklabs: Learning Map, Assistive Tool and Tips (2020)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Learning Google Cloud Platform on Qwiklabs: Learning Map, Assistive Tool and Tips (2020)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Learning Google Cloud Platform on Qwiklabs: Learning Map, Assistive Tool and Tips (2020)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Learning Google Cloud Platform on Qwiklabs: Learning Map, Assistive Tool and Tips (2020)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Learning Google Cloud Platform on Qwiklabs: Learning Map, Assistive Tool and Tips (2020)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Learning Google Cloud Platform on Qwiklabs: Learning Map, Assistive Tool and Tips (2020)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='cyp7soKLOYI']","amp-youtube[data-videoid='ew-r46FmzSM']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='cyp7soKLOYI']","amp-youtube[data-videoid='ew-r46FmzSM']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='cyp7soKLOYI']","amp-youtube[data-videoid='ew-r46FmzSM']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='cyp7soKLOYI']","amp-youtube[data-videoid='ew-r46FmzSM']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='cyp7soKLOYI']","amp-youtube[data-videoid='ew-r46FmzSM']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='cyp7soKLOYI']","amp-youtube[data-videoid='ew-r46FmzSM']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='cyp7soKLOYI']","amp-youtube[data-videoid='ew-r46FmzSM']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='cyp7soKLOYI']","amp-youtube[data-videoid='ew-r46FmzSM']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/serverless-firebase-development-challenge-lab.html b/blog/qwiklabs/serverless-firebase-development-challenge-lab.html
index b3305b0d3..30d2d9fd5 100644
--- a/blog/qwiklabs/serverless-firebase-development-challenge-lab.html
+++ b/blog/qwiklabs/serverless-firebase-development-challenge-lab.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -69,7 +69,7 @@
   <span class="nt">--region</span> us-central1 <span class="se">\</span>
   <span class="nt">--allow-unauthenticated</span>
 </code></pre></div> </div> </li>
-</ol> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-4rqeFp87s6I" width="480" height="270" layout="responsive" data-videoid="4rqeFp87s6I" title="GSP344 Serverless Firebase Development: Challenge Lab | 🐱‍🏍 GCP learning tour" data-vars-video-title="GSP344 Serverless Firebase Development: Challenge Lab | 🐱‍🏍 GCP learning tour" data-vars-video-url="https://www.youtube.com/watch?v=4rqeFp87s6I" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=4rqeFp87s6I" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
+</ol> <p><strong>Congratulations! You completed this challenge lab.</strong></p> <h2 id="-demonstration-video"><i class="far fa-play-circle"></i> Demonstration Video<a class="anchor-link" href="#-demonstration-video"><i class="fas fa-link"></i></a></h2> <amp-youtube id="yt-4rqeFp87s6I" width="480" height="270" layout="responsive" credentials="omit" data-videoid="4rqeFp87s6I" title="GSP344 Serverless Firebase Development: Challenge Lab | 🐱‍🏍 GCP learning tour" data-vars-video-title="GSP344 Serverless Firebase Development: Challenge Lab | 🐱‍🏍 GCP learning tour" data-vars-video-url="https://www.youtube.com/watch?v=4rqeFp87s6I" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=4rqeFp87s6I" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
 </amp-youtube> <div class="language-conf highlighter-rouge"><div class="highlight"><pre class="highlight"><code>⏱ <span class="n">Timestamps</span>
 <span class="m">00</span>:<span class="m">00</span> <span class="n">Overview</span>
 <span class="m">00</span>:<span class="m">29</span> <span class="n">Provision</span> <span class="n">the</span> <span class="n">environment</span>
@@ -88,18 +88,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in ☁ Serverless Firebase Development: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Serverless Firebase Development: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Serverless Firebase Development: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in ☁ Serverless Firebase Development: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in ☁ Serverless Firebase Development: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in ☁ Serverless Firebase Development: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in ☁ Serverless Firebase Development: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in ☁ Serverless Firebase Development: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in ☁ Serverless Firebase Development: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in ☁ Serverless Firebase Development: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in ☁ Serverless Firebase Development: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in ☁ Serverless Firebase Development: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in ☁ Serverless Firebase Development: Challenge Lab | logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='4rqeFp87s6I']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='4rqeFp87s6I']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='4rqeFp87s6I']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='4rqeFp87s6I']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='4rqeFp87s6I']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='4rqeFp87s6I']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='4rqeFp87s6I']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='4rqeFp87s6I']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/qwiklabs/where-does-my-bear-badge-go.html b/blog/qwiklabs/where-does-my-bear-badge-go.html
index cf2a8d872..3649bf994 100644
--- a/blog/qwiklabs/where-does-my-bear-badge-go.html
+++ b/blog/qwiklabs/where-does-my-bear-badge-go.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -22,18 +22,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in QMyths: My badge for &#39;Challenge: GCP Architecture&#39; disappears?!" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in QMyths: My badge for &#39;Challenge: GCP Architecture&#39; disappears?!" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in QMyths: My badge for &#39;Challenge: GCP Architecture&#39; disappears?!" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in QMyths: My badge for &#39;Challenge: GCP Architecture&#39; disappears?!" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in QMyths: My badge for &#39;Challenge: GCP Architecture&#39; disappears?!" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in QMyths: My badge for &#39;Challenge: GCP Architecture&#39; disappears?!" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in QMyths: My badge for &#39;Challenge: GCP Architecture&#39; disappears?!" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in QMyths: My badge for &#39;Challenge: GCP Architecture&#39; disappears?!" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in QMyths: My badge for &#39;Challenge: GCP Architecture&#39; disappears?!" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in QMyths: My badge for &#39;Challenge: GCP Architecture&#39; disappears?!" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in QMyths: My badge for &#39;Challenge: GCP Architecture&#39; disappears?!" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in QMyths: My badge for &#39;Challenge: GCP Architecture&#39; disappears?!" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in QMyths: My badge for &#39;Challenge: GCP Architecture&#39; disappears?!" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/tumblr-tricks/featured-tips-tricks-and-tools-for-tumblr-bloggers.html b/blog/tumblr-tricks/featured-tips-tricks-and-tools-for-tumblr-bloggers.html
index 0d3cec2cf..b52003fbf 100644
--- a/blog/tumblr-tricks/featured-tips-tricks-and-tools-for-tumblr-bloggers.html
+++ b/blog/tumblr-tricks/featured-tips-tricks-and-tools-for-tumblr-bloggers.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -52,18 +52,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Featured Tips, Tricks, and Tools for Tumblr Bloggers (2019)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Featured Tips, Tricks, and Tools for Tumblr Bloggers (2019)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Featured Tips, Tricks, and Tools for Tumblr Bloggers (2019)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Featured Tips, Tricks, and Tools for Tumblr Bloggers (2019)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Featured Tips, Tricks, and Tools for Tumblr Bloggers (2019)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Featured Tips, Tricks, and Tools for Tumblr Bloggers (2019)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Featured Tips, Tricks, and Tools for Tumblr Bloggers (2019)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Featured Tips, Tricks, and Tools for Tumblr Bloggers (2019)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Featured Tips, Tricks, and Tools for Tumblr Bloggers (2019)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Featured Tips, Tricks, and Tools for Tumblr Bloggers (2019)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Featured Tips, Tricks, and Tools for Tumblr Bloggers (2019)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Featured Tips, Tricks, and Tools for Tumblr Bloggers (2019)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Featured Tips, Tricks, and Tools for Tumblr Bloggers (2019)" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/tumblr-tricks/how-to-add-a-custom-open-graph-image-tag-to-a-tumblr-blog.html b/blog/tumblr-tricks/how-to-add-a-custom-open-graph-image-tag-to-a-tumblr-blog.html
index c12d8fba7..7796aac1e 100644
--- a/blog/tumblr-tricks/how-to-add-a-custom-open-graph-image-tag-to-a-tumblr-blog.html
+++ b/blog/tumblr-tricks/how-to-add-a-custom-open-graph-image-tag-to-a-tumblr-blog.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -78,18 +78,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in How to add a custom Open Graph image tag to your tumblr blog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in How to add a custom Open Graph image tag to your tumblr blog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in How to add a custom Open Graph image tag to your tumblr blog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in How to add a custom Open Graph image tag to your tumblr blog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in How to add a custom Open Graph image tag to your tumblr blog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in How to add a custom Open Graph image tag to your tumblr blog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in How to add a custom Open Graph image tag to your tumblr blog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in How to add a custom Open Graph image tag to your tumblr blog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in How to add a custom Open Graph image tag to your tumblr blog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in How to add a custom Open Graph image tag to your tumblr blog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in How to add a custom Open Graph image tag to your tumblr blog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in How to add a custom Open Graph image tag to your tumblr blog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in How to add a custom Open Graph image tag to your tumblr blog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/windows/find-windows10-store-app-path-for-default-program.html b/blog/windows/find-windows10-store-app-path-for-default-program.html
index 0757f02c6..ed3c568c6 100644
--- a/blog/windows/find-windows10-store-app-path-for-default-program.html
+++ b/blog/windows/find-windows10-store-app-path-for-default-program.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -26,18 +26,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in How to find the installation path of Windows store apps for default program settings in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in How to find the installation path of Windows store apps for default program settings in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in How to find the installation path of Windows store apps for default program settings in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in How to find the installation path of Windows store apps for default program settings in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in How to find the installation path of Windows store apps for default program settings in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in How to find the installation path of Windows store apps for default program settings in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in How to find the installation path of Windows store apps for default program settings in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in How to find the installation path of Windows store apps for default program settings in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in How to find the installation path of Windows store apps for default program settings in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in How to find the installation path of Windows store apps for default program settings in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in How to find the installation path of Windows store apps for default program settings in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in How to find the installation path of Windows store apps for default program settings in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in How to find the installation path of Windows store apps for default program settings in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/blog/windows/fix-windows10-boot-loop-after-fail-upgrade.html b/blog/windows/fix-windows10-boot-loop-after-fail-upgrade.html
index d3f5d725b..7b08150a8 100644
--- a/blog/windows/fix-windows10-boot-loop-after-fail-upgrade.html
+++ b/blog/windows/fix-windows10-boot-loop-after-fail-upgrade.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -12,7 +12,7 @@
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/academic/" role="menuitem">Academic</a>
 </li></ul>
 <ul class="navbar-btngroup row ml-auto"><li class="nav-item"> <div class="invitation-codes"> <a class="btn invitation-codes-badge" href="https://invitation.codes/@chriskyfung" data-type data-vars-event-label="Invitation Code Button" aria-label="invitation.codes - link opens in a new tab" title="invitation.codes - Open in New Tab" rel="noopener noreferrer" target="_blank"> <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment-alt-dots" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width:20px"> <path fill="currentColor" d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm16 352c0 8.8-7.2 16-16 16H288l-12.8 9.6L208 428v-60H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h384c8.8 0 16 7.2 16 16v288zM128 176c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32z" class=""/> </svg> </a>
-</div> </li><li class="nav-item"> <a class="gh-style btn btn-block" style="margin: 2px 0" aria-label="Sponsor @chriskyfung" target="_top" href="https://github.com/sponsors/chriskyfung?o=esb"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart icon-sponsor color-fg-sponsors"> <path fill-rule="evenodd" d="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z"/> </svg> <span>Sponsor</span> </a> </li><li class="nav-item"> <button type="button" on="tap:amp-searchbar" id="toggle-search" class="btn btn-primary" data-toggle="modal" data-target="#searchbar" title="search" accesskey="/"> <i class="fas fa-search"></i> </button> </li> </ul> </div>  </div> </nav> <amp-lightbox scrollable id="amp-searchbar" layout="nodisplay" animate-in="fade-in" hidden="hidden" class="i-amphtml-layout-nodisplay" i-amphtml-layout="nodisplay"> <div class="modal-dialog modal-lg">  <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Search for</h5> <button class="close" type="button" on="tap:amp-searchbar.close" aria-label="Close Search Modal" tabindex="-1">×</button> </div> <div class="modal-body"> <div class="search_form"> <form method="GET" action="/search" target="_top"> <amp-autocomplete class="searchbox i-amphtml-layout-container" filter="substring" src="/assets/data/suggestions.json" i-amphtml-layout="container"> <input class="form-control" name="q" type="search" placeholder="Search" required> </amp-autocomplete> <input hidden name="sitesearch" value="chriskyfung.github.io"> <button class="btn btn-primary" type="submit">Search</button> </form> </div> </div> </div> </div> </amp-lightbox>   <div class="site-content"> <div class="container">  <div class="main-content" style="margin-top: 88px;">  <div class="row"> <div id="post" class="col-md-8 col-lg-8"> <div class="mainheading">  <div class="after-post-tags"> <ul class="tags"><li> <small><a href="/category/windows/">Windows</a></small> </li></ul> </div>   <h1 class="posttitle">Fix reboot loop after a fail upgrade of Windows 10, Version 2004, Build 19041</h1> </div>   <p> <small> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2020-06-23T23:18:00+08:00" itemprop="datePublished" title="Published on">23 Jun 2020</time></div> </small> </p> <div class="article-post"><p>Microsoft released the Windows 10 May 2020 update. The most compelling feature is the <a data-vars-event-label="https://www.omgubuntu.co.uk/how-to-install-wsl2-on-windows-10" href="https://www.omgubuntu.co.uk/how-to-install-wsl2-on-windows-10"><strong>Windows Subsystem for Linux version 2 (WSL2)</strong></a>, which uses the latest and greatest in virtualization technology to run a Linux kernel inside of a lightweight utility virtual machine (VM).</p> <p>The WSL2 has a faster File IO performance and 100% system call compatibility, compared to the WSL1 <sup id="fnref:vs" role="doc-noteref"><a href="#fn:vs" class="footnote" rel="footnote">1</a></sup>. Program Manager <em>Craig Loewen</em> <sup id="fnref:Craig" role="doc-noteref"><a href="#fn:Craig" class="footnote" rel="footnote">2</a></sup> at Microsoft demonstrated the WSL2 is about 5-6 times faster than the WSL1. He also performed running an app from inside a container using <a data-vars-event-label="https://code.visualstudio.com/blogs/2020/03/02/docker-in-wsl2" href="https://code.visualstudio.com/blogs/2020/03/02/docker-in-wsl2">Docker Desktop for Windows</a> and <a data-vars-event-label="https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-wsl" href="https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-wsl">debug it using VS Code</a>. It’s great news for developers 👨‍💻.</p> <p><strong>To enable the WSL2, your operating system must be Windows 10, Version 2004, Build 19041 or higher</strong>.</p> <p>You can find your build number by pressing the <strong>Start</strong> <i class="fab fa-windows"></i> button or <strong>Win + R</strong> keys, and then type in <strong>winver</strong> <sup id="fnref:winver" role="doc-noteref"><a href="#fn:winver" class="footnote" rel="footnote">3</a></sup> and hit the <strong>Enter</strong> key.</p> <figure class="text-center"><amp-img width="460" height="423" layout="intrinsic" src="/images/posts/windows/find-build-number-in-about-windows-10-by-winver.webp" alt="Find Version and Build number in About Windows with winver" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQyMyIgd2lkdGg9IjQ2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="460" height="423" layout="intrinsic" src="/images/posts/windows/find-build-number-in-about-windows-10-by-winver.png" alt="Find Version and Build number in About Windows with winver" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQyMyIgd2lkdGg9IjQ2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <figure class="text-center"><amp-img width="397" height="203" layout="intrinsic" src="/images/posts/windows/find-windows-10-build-number-in-winver.webp" alt="Find Windows 10 Build Number in winver" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwMyIgd2lkdGg9IjM5NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="397" height="203" layout="intrinsic" src="/images/posts/windows/find-windows-10-build-number-in-winver.png" alt="Find Windows 10 Build Number in winver" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwMyIgd2lkdGg9IjM5NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <p>It will show the <strong>About Windows</strong> dialog. For example, the above screenshot has a Windows 10, Version 1903, Build 18362. This means an update to Windows 10 May 2020 Update is required. I recommend you to watch the video below, which introduces how to get the update by Windows engineer <em>Savitha Quadros</em>.</p> <amp-youtube id="yt-YtqNzdrtrmw" width="480" height="270" layout="responsive" data-videoid="YtqNzdrtrmw" title="How to get the Windows 10 May 2020 Update" data-vars-video-title="How to get the Windows 10 May 2020 Update" data-vars-video-url="https://www.youtube.com/watch?v=YtqNzdrtrmw" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=YtqNzdrtrmw" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
+</div> </li><li class="nav-item"> <a class="gh-style btn btn-block" style="margin: 2px 0" aria-label="Sponsor @chriskyfung" target="_top" href="https://github.com/sponsors/chriskyfung?o=esb"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart icon-sponsor color-fg-sponsors"> <path fill-rule="evenodd" d="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z"/> </svg> <span>Sponsor</span> </a> </li><li class="nav-item"> <button type="button" on="tap:amp-searchbar" id="toggle-search" class="btn btn-primary" data-toggle="modal" data-target="#searchbar" title="search" accesskey="/"> <i class="fas fa-search"></i> </button> </li> </ul> </div>  </div> </nav> <amp-lightbox scrollable id="amp-searchbar" layout="nodisplay" animate-in="fade-in" hidden="hidden" class="i-amphtml-layout-nodisplay" i-amphtml-layout="nodisplay"> <div class="modal-dialog modal-lg">  <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Search for</h5> <button class="close" type="button" on="tap:amp-searchbar.close" aria-label="Close Search Modal" tabindex="-1">×</button> </div> <div class="modal-body"> <div class="search_form"> <form method="GET" action="/search" target="_top"> <amp-autocomplete class="searchbox i-amphtml-layout-container" filter="substring" src="/assets/data/suggestions.json" i-amphtml-layout="container"> <input class="form-control" name="q" type="search" placeholder="Search" required> </amp-autocomplete> <input hidden name="sitesearch" value="chriskyfung.github.io"> <button class="btn btn-primary" type="submit">Search</button> </form> </div> </div> </div> </div> </amp-lightbox>   <div class="site-content"> <div class="container">  <div class="main-content" style="margin-top: 88px;">  <div class="row"> <div id="post" class="col-md-8 col-lg-8"> <div class="mainheading">  <div class="after-post-tags"> <ul class="tags"><li> <small><a href="/category/windows/">Windows</a></small> </li></ul> </div>   <h1 class="posttitle">Fix reboot loop after a fail upgrade of Windows 10, Version 2004, Build 19041</h1> </div>   <p> <small> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2020-06-23T23:18:00+08:00" itemprop="datePublished" title="Published on">23 Jun 2020</time></div> </small> </p> <div class="article-post"><p>Microsoft released the Windows 10 May 2020 update. The most compelling feature is the <a data-vars-event-label="https://www.omgubuntu.co.uk/how-to-install-wsl2-on-windows-10" href="https://www.omgubuntu.co.uk/how-to-install-wsl2-on-windows-10"><strong>Windows Subsystem for Linux version 2 (WSL2)</strong></a>, which uses the latest and greatest in virtualization technology to run a Linux kernel inside of a lightweight utility virtual machine (VM).</p> <p>The WSL2 has a faster File IO performance and 100% system call compatibility, compared to the WSL1 <sup id="fnref:vs" role="doc-noteref"><a href="#fn:vs" class="footnote" rel="footnote">1</a></sup>. Program Manager <em>Craig Loewen</em> <sup id="fnref:Craig" role="doc-noteref"><a href="#fn:Craig" class="footnote" rel="footnote">2</a></sup> at Microsoft demonstrated the WSL2 is about 5-6 times faster than the WSL1. He also performed running an app from inside a container using <a data-vars-event-label="https://code.visualstudio.com/blogs/2020/03/02/docker-in-wsl2" href="https://code.visualstudio.com/blogs/2020/03/02/docker-in-wsl2">Docker Desktop for Windows</a> and <a data-vars-event-label="https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-wsl" href="https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-wsl">debug it using VS Code</a>. It’s great news for developers 👨‍💻.</p> <p><strong>To enable the WSL2, your operating system must be Windows 10, Version 2004, Build 19041 or higher</strong>.</p> <p>You can find your build number by pressing the <strong>Start</strong> <i class="fab fa-windows"></i> button or <strong>Win + R</strong> keys, and then type in <strong>winver</strong> <sup id="fnref:winver" role="doc-noteref"><a href="#fn:winver" class="footnote" rel="footnote">3</a></sup> and hit the <strong>Enter</strong> key.</p> <figure class="text-center"><amp-img width="460" height="423" layout="intrinsic" src="/images/posts/windows/find-build-number-in-about-windows-10-by-winver.webp" alt="Find Version and Build number in About Windows with winver" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQyMyIgd2lkdGg9IjQ2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="460" height="423" layout="intrinsic" src="/images/posts/windows/find-build-number-in-about-windows-10-by-winver.png" alt="Find Version and Build number in About Windows with winver" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQyMyIgd2lkdGg9IjQ2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <figure class="text-center"><amp-img width="397" height="203" layout="intrinsic" src="/images/posts/windows/find-windows-10-build-number-in-winver.webp" alt="Find Windows 10 Build Number in winver" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwMyIgd2lkdGg9IjM5NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="397" height="203" layout="intrinsic" src="/images/posts/windows/find-windows-10-build-number-in-winver.png" alt="Find Windows 10 Build Number in winver" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwMyIgd2lkdGg9IjM5NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <p>It will show the <strong>About Windows</strong> dialog. For example, the above screenshot has a Windows 10, Version 1903, Build 18362. This means an update to Windows 10 May 2020 Update is required. I recommend you to watch the video below, which introduces how to get the update by Windows engineer <em>Savitha Quadros</em>.</p> <amp-youtube id="yt-YtqNzdrtrmw" width="480" height="270" layout="responsive" credentials="omit" data-videoid="YtqNzdrtrmw" title="How to get the Windows 10 May 2020 Update" data-vars-video-title="How to get the Windows 10 May 2020 Update" data-vars-video-url="https://www.youtube.com/watch?v=YtqNzdrtrmw" data-param-rel="0" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:56.25%"></i-amphtml-sizer> <div fallback> <p>This browser does not support the YouTube video player. <a href="https://www.youtube.com/watch?v=YtqNzdrtrmw" rel="noopener" target="_blank">Watch on YouTube</a></p> </div>
 </amp-youtube> <p>Open the <strong>Windows Update</strong> from the Control panel. If you see "Download and install" as the screenshot below, your device is ready for the update. You can click on it to run the process in the background. The updater will ask you to reboot your device when it finishes the job. 🥳👏</p> <figure class="text-center"><amp-img width="730" height="388" layout="intrinsic" src="/images/posts/windows/windows-10-feature-update-2004.webp" alt="Windows Update - Feature update to Windows 10, version 2004" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM4OCIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="388" layout="intrinsic" src="/images/posts/windows/windows-10-feature-update-2004.png" alt="Windows Update - Feature update to Windows 10, version 2004" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM4OCIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img><figcaption>Device is ready for update</figcaption></figure> <h2 id="do-not-try-to-force-update-your-windows-10">DO NOT Try To Force Update Your Windows 10<a class="anchor-link" href="#do-not-try-to-force-update-your-windows-10"><i class="fas fa-link"></i></a></h2> <p>However, you may see the warning sign as shown in the screenshot below. This indicates that it will have issues during updating or starting. Click on the "<a data-vars-event-label="https://docs.microsoft.com/en-us/windows/release-health/release-information" href="https://docs.microsoft.com/en-us/windows/release-health/release-information" title="https://docs.microsoft.com/en-us/windows/release-information/status-windows-10-2004">Learn more</a>" button in the Windows Update settings. One of my PCs associates with that. I tried to work around by downloading the ISO image file and manually update the Windows from a USB drive. <em>BOOM!…</em> 💥 I crash my operation system. Thus, I don’t recommend you force update your Windows 10 to the new build.</p> <figure class="text-center"><amp-img width="730" height="394" layout="intrinsic" src="/images/posts/windows/windows-10-feature-update-2004-but-your-device-is-not-quite-ready.webp" alt="Windows Update - Feature update to Windows 10, version 2004. The Windows 10 May 2020 Update is on its way. We’re offering this update to compatible devices, but your device isn’t quite ready for it. Once your device is ready, you’ll see the update available on this page. There’s nothing you need to do at this time." on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM5NCIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="394" layout="intrinsic" src="/images/posts/windows/windows-10-feature-update-2004-but-your-device-is-not-quite-ready.png" alt="Windows Update - Feature update to Windows 10, version 2004. The Windows 10 May 2020 Update is on its way. We’re offering this update to compatible devices, but your device isn’t quite ready for it. Once your device is ready, you’ll see the update available on this page. There’s nothing you need to do at this time." on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM5NCIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img><figcaption>Device isn’t quite ready for update</figcaption></figure> <p>When the update fails, the boot loader will try to restore your previous version of Windows. Unfortunately, my Windows 10 gets stuck to a boot loop displaying a black screen with the message <strong>Restoring your previous version of Windows…</strong> 😱</p> <figure><amp-img width="693" height="302" layout="intrinsic" src="/images/posts/windows/restoring-your-previous-version-of-windows-10.webp" alt="Restoring your previous version of Windows... Windlows 10" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwMiIgd2lkdGg9IjY5MyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="693" height="302" layout="intrinsic" src="/images/posts/windows/restoring-your-previous-version-of-windows-10.png" alt="Restoring your previous version of Windows... Windlows 10" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwMiIgd2lkdGg9IjY5MyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <h2 id="fix-reboot-loop-after-fail-windows-upgrade">Fix Reboot Loop After Fail Windows Upgrade<a class="anchor-link" href="#fix-reboot-loop-after-fail-windows-upgrade"><i class="fas fa-link"></i></a></h2> <p>Many search results relate to this issue, if you google it. However, I found most of them did not work for my computer.</p> <p>Eventually, I troubleshot the problem by <strong>repairing the boot configuration data (BCD) in the EFI partition for Windows 10</strong>. To do that, you need a Windows 10 repair disc or a Windows 10 installation USB drive. If you don’t have one, use another computer to visit <a data-vars-event-label="https://www.microsoft.com/en-us/software-download/windows10" href="https://www.microsoft.com/en-us/software-download/windows10">Download Windows 10</a> on the Microsoft website. Then, download and run the Media Creation Tool to create a bootable USB or DVD. After preparing the repair media 📀, move it to the fault machine and boot up to the Windows Startup Repair mode.</p> <figure class="text-center"><amp-img width="648" height="350" layout="intrinsic" src="/images/posts/windows/win10_safe_mode.webp" alt="Windows 10 Safe mode" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM1MCIgd2lkdGg9IjY0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="648" height="350" layout="intrinsic" src="/images/posts/windows/win10_safe_mode.png" alt="Windows 10 Safe mode" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM1MCIgd2lkdGg9IjY0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <p>In the Advanced options, select the <strong>Command Prompt</strong> option. Use the following commands to identify the partitions:</p> <ol> <li><span class="cli">X:\&gt;</span><code class="language-plaintext highlighter-rouge">diskpart</code></li> <li><span class="cli">DISKPART&gt;</span><code class="language-plaintext highlighter-rouge">list disk</code></li> <li><span class="cli">DISKPART&gt;</span><code class="language-plaintext highlighter-rouge">select disk 0</code><br>* <em>or the number for the boot disk that has the EFI partition</em></li> <li><span class="cli">DISKPART&gt;</span><code class="language-plaintext highlighter-rouge">list partition</code></li> <li><span class="cli">DISKPART&gt;</span><code class="language-plaintext highlighter-rouge">select partition 1</code><br>* <em>or the number for the EFI partition, which usually is only a few hundred MB in size</em></li> <li><span class="cli">DISKPART&gt;</span><code class="language-plaintext highlighter-rouge">assign letter=S</code></li> <li><span class="cli">DISKPART&gt;</span><code class="language-plaintext highlighter-rouge">exit</code></li>
 </ol> <p>Next, change the current path to the partition and use the <code class="language-plaintext highlighter-rouge">bcdboot</code> command to repair the damaged boot files:</p> <ol start="8"> <li><span class="cli">X:\&gt;</span><code class="language-plaintext highlighter-rouge">S:</code></li> <li><span class="cli">S:\&gt;</span><code class="language-plaintext highlighter-rouge">bcdboot D:\Windows /s S: /f UEFI</code><br>* <em>replace <code class="language-plaintext highlighter-rouge">D:</code> with the letter for the partition that has the Windows system</em></li> <li><span class="cli">S:\&gt;</span><code class="language-plaintext highlighter-rouge">exit</code></li>
 </ol> <p>Reboot your computer, the Windows 10 will start normally if the fix works.</p> <hr> <p><strong>Useful External Links</strong>:</p> <ul> <li> <p><a data-vars-event-label="https://www.howtogeek.com/675118/how-to-install-windows-10s-may-2020-update/" href="https://www.howtogeek.com/675118/how-to-install-windows-10s-may-2020-update/">How to Install Windows 10’s May 2020 Update</a></p> </li> <li> <p><a data-vars-event-label="https://youtu.be/l_I4K2-Rr_Y" href="https://youtu.be/l_I4K2-Rr_Y">Windows 10 - Repair EFI Partition | Windows Ninja - YouTube</a></p> </li> <li> <p><a data-vars-event-label="https://devblogs.microsoft.com/commandline/the-windows-subsystem-for-linux-build-2020-summary/" href="https://devblogs.microsoft.com/commandline/the-windows-subsystem-for-linux-build-2020-summary/">The Windows Subsystem for Linux BUILD 2020 Summary | Windows Command Line</a></p> </li>
@@ -27,18 +27,17 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Fix reboot loop after a fail upgrade of Windows 10, Version 2004, Build 19041" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Fix reboot loop after a fail upgrade of Windows 10, Version 2004, Build 19041" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Fix reboot loop after a fail upgrade of Windows 10, Version 2004, Build 19041" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Fix reboot loop after a fail upgrade of Windows 10, Version 2004, Build 19041" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Fix reboot loop after a fail upgrade of Windows 10, Version 2004, Build 19041" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Fix reboot loop after a fail upgrade of Windows 10, Version 2004, Build 19041" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Fix reboot loop after a fail upgrade of Windows 10, Version 2004, Build 19041" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Fix reboot loop after a fail upgrade of Windows 10, Version 2004, Build 19041" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Fix reboot loop after a fail upgrade of Windows 10, Version 2004, Build 19041" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Fix reboot loop after a fail upgrade of Windows 10, Version 2004, Build 19041" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Fix reboot loop after a fail upgrade of Windows 10, Version 2004, Build 19041" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Fix reboot loop after a fail upgrade of Windows 10, Version 2004, Build 19041" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Fix reboot loop after a fail upgrade of Windows 10, Version 2004, Build 19041" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='YtqNzdrtrmw']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='YtqNzdrtrmw']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='YtqNzdrtrmw']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='YtqNzdrtrmw']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}},"videoPlay":{"on":"video-play","request":"event","selector":["amp-youtube[data-videoid='YtqNzdrtrmw']"],"vars":{"event_name":"video_start","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"videoPause":{"on":"video-pause","request":"event","selector":["amp-youtube[data-videoid='YtqNzdrtrmw']"],"vars":{"event_name":"video_paused","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}},"VideoPercentagePlayed":{"on":"video-percentage-played","request":"event","selector":["amp-youtube[data-videoid='YtqNzdrtrmw']"],"vars":{"event_name":"video_progress","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"},"videoSpec":{"percentages":[10,25,50,75]}},"videoEnded":{"on":"video-ended","request":"event","selector":["amp-youtube[data-videoid='YtqNzdrtrmw']"],"vars":{"event_name":"video_complete","method":"Google","video_current_time":"${currentTime}","video_duration":"${duration}","video_percent":"$CALC($CALC(${currentTime}, ${duration}, divide, false), 100, multiply, true)","video_provider":"youtube","video_title":"${videoTitle}","video_url":"${videoUrl}"}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/category/academic/index.html b/category/academic/index.html
index 67369d642..56ae7677c 100644
--- a/category/academic/index.html
+++ b/category/academic/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -52,19 +52,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Academic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Academic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Academic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Academic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Academic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Academic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Academic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Academic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Academic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Academic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Academic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Academic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Academic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/category/announcement/index.html b/category/announcement/index.html
index d4cd8661d..d2fbbfa8c 100644
--- a/category/announcement/index.html
+++ b/category/announcement/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -29,19 +29,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Announcement" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Announcement" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Announcement" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Announcement" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Announcement" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Announcement" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Announcement" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Announcement" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Announcement" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Announcement" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Announcement" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Announcement" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Announcement" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/category/cloud/index.html b/category/cloud/index.html
index fafa38925..cc980401f 100644
--- a/category/cloud/index.html
+++ b/category/cloud/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -88,19 +88,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/category/computer-science/index.html b/category/computer-science/index.html
index ca2b59c28..3406d42b4 100644
--- a/category/computer-science/index.html
+++ b/category/computer-science/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/category/developer-tools/index.html b/category/developer-tools/index.html
index 2e8554e1e..712184626 100644
--- a/category/developer-tools/index.html
+++ b/category/developer-tools/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -13,7 +13,9 @@
 </li></ul>
 <ul class="navbar-btngroup row ml-auto"><li class="nav-item"> <div class="invitation-codes"> <a class="btn invitation-codes-badge" href="https://invitation.codes/@chriskyfung" data-type data-vars-event-label="Invitation Code Button" aria-label="invitation.codes - link opens in a new tab" title="invitation.codes - Open in New Tab" rel="noopener noreferrer" target="_blank"> <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment-alt-dots" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width:20px"> <path fill="currentColor" d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm16 352c0 8.8-7.2 16-16 16H288l-12.8 9.6L208 428v-60H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h384c8.8 0 16 7.2 16 16v288zM128 176c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32z" class=""/> </svg> </a>
 </div> </li><li class="nav-item"> <a class="gh-style btn btn-block" style="margin: 2px 0" aria-label="Sponsor @chriskyfung" target="_top" href="https://github.com/sponsors/chriskyfung?o=esb"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart icon-sponsor color-fg-sponsors"> <path fill-rule="evenodd" d="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z"/> </svg> <span>Sponsor</span> </a> </li><li class="nav-item"> <button type="button" on="tap:amp-searchbar" id="toggle-search" class="btn btn-primary" data-toggle="modal" data-target="#searchbar" title="search" accesskey="/"> <i class="fas fa-search"></i> </button> </li> </ul> </div>  </div> </nav> <amp-lightbox scrollable id="amp-searchbar" layout="nodisplay" animate-in="fade-in" hidden="hidden" class="i-amphtml-layout-nodisplay" i-amphtml-layout="nodisplay"> <div class="modal-dialog modal-lg">  <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Search for</h5> <button class="close" type="button" on="tap:amp-searchbar.close" aria-label="Close Search Modal" tabindex="-1">×</button> </div> <div class="modal-body"> <div class="search_form"> <form method="GET" action="/search" target="_top"> <amp-autocomplete class="searchbox i-amphtml-layout-container" filter="substring" src="/assets/data/suggestions.json" i-amphtml-layout="container"> <input class="form-control" name="q" type="search" placeholder="Search" required> </amp-autocomplete> <input hidden name="sitesearch" value="chriskyfung.github.io"> <button class="btn btn-primary" type="submit">Search</button> </form> </div> </div> </div> </div> </amp-lightbox>   <div class="site-content"> <div class="container">  <div class="main-content" style="margin-top: 88px;"> <div class="row">  <main class="col-md-8 col-lg-8">
-<section class="row recent-posts"> <div class="section-title"> <h1><span>category 'Developer tools'</span></h1> </div> <div class="masonrygrid row listrecent"> <h2 class="sr-only">Post Grid</h2><div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/2016/01/18/Installation-of-Andriod-Studio" aria-hidden="true" tabindex="-1"><figure><amp-img width="513" height="400" layout="intrinsic" src="/images/posts/android/Android_Studio_setup.webp" alt="thumbnail for Installation..." i-amphtml-ssr data-hero class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQwMCIgd2lkdGg9IjUxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="513" height="400" layout="intrinsic" src="/images/posts/android/Android_Studio_setup.png" alt="thumbnail for Installation..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQwMCIgd2lkdGg9IjUxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> <img class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" loading="lazy" alt="thumbnail for Installation..." src="/images/posts/android/Android_Studio_setup.webp"></amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/2016/01/18/Installation-of-Andriod-Studio" rel="bookmark">Installation of Android Studio and SDK Tools</a></h3> <p class="card-text">
+<section class="row recent-posts"> <div class="section-title"> <h1><span>category 'Developer tools'</span></h1> </div> <div class="masonrygrid row listrecent"> <h2 class="sr-only">Post Grid</h2><div class="col-md-6 grid-item"> <article class="card"> <a href="/github-cli-repo-clone-custom-completion/" aria-hidden="true" tabindex="-1"><figure><amp-img width="730" height="431" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.webp" alt="thumbnail for Speed Up Git..." i-amphtml-ssr data-hero class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQzMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="431" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.jpg" alt="thumbnail for Speed Up Git..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQzMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> <img class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" loading="lazy" alt="thumbnail for Speed Up Git..." src="/images/posts/coding/gh-repo-clone-custom-completion-cover.webp"></amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/github-cli-repo-clone-custom-completion/" rel="bookmark">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h3> <p class="card-text">Learn how to supercharge your GitHub CLI experience with custom bash completion for the 'gh repo clone' command. Includes step-by-step setup and practical examples.</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/autocompletions/">Autocompletions</a></small> </li><li> <small><a href="/tag/bash/">Bash</a></small> </li><li> <small><a href="/tag/command-line/">Command-line</a></small> </li><li> <small><a href="/tag/github-cli/">GitHub CLI</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="clearfix"></div> </div> </div> </div> </article>
+</div>
+<div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/2016/01/18/Installation-of-Andriod-Studio" aria-hidden="true" tabindex="-1"><figure><amp-img width="513" height="400" layout="intrinsic" src="/images/posts/android/Android_Studio_setup.webp" alt="thumbnail for Installation..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQwMCIgd2lkdGg9IjUxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="513" height="400" layout="intrinsic" src="/images/posts/android/Android_Studio_setup.png" alt="thumbnail for Installation..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQwMCIgd2lkdGg9IjUxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/2016/01/18/Installation-of-Andriod-Studio" rel="bookmark">Installation of Android Studio and SDK Tools</a></h3> <p class="card-text">
 </p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/android-studio/">Android Studio</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2016-01-18T21:36:00+08:00" itemprop="datePublished" title="Published on">18 Jan 2016</time></div> <span class="post-read-more"><a href="/blog/2016/01/18/Installation-of-Andriod-Studio" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="clearfix"></div> </div> </div> </div> </article>
 </div>
 </div> </section> </main>  <aside class="col-md-4 col-lg-4 left-sidebar"><div class="sidebar"> <h2 class="sr-only">Sidebar</h2> <div aria-label="featured posts" class="sidebar-section"> <h3><span>Featured</span><span class="sr-only"> Posts</span></h3> <section class="featured-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp335-cover.thumb.webp" alt="Image in Developer tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp335-cover.thumb.png" alt="Image in Developer tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab">☁ Secure Workloads in Google Kubernetes Engine: Challenge Lab | l...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i><i class="fas fa-sync-alt fa-xs" aria-hidden="true" style="color:#0293d8;margin-left:-.5em;vertical-align:bottom"></i> <time datetime="2021-06-27T15:00:00+08:00" itemprop="dateModified" title="Updated on">27 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
@@ -24,19 +26,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Developer tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Developer tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Developer tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Developer tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Developer tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Developer tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Developer tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Developer tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Developer tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Developer tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Developer tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Developer tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Developer tools" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/category/index.html b/category/index.html
index 4d0e99205..66efff44c 100644
--- a/category/index.html
+++ b/category/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -12,7 +12,7 @@
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/academic/" role="menuitem">Academic</a>
 </li></ul>
 <ul class="navbar-btngroup row ml-auto"><li class="nav-item"> <div class="invitation-codes"> <a class="btn invitation-codes-badge" href="https://invitation.codes/@chriskyfung" data-type data-vars-event-label="Invitation Code Button" aria-label="invitation.codes - link opens in a new tab" title="invitation.codes - Open in New Tab" rel="noopener noreferrer" target="_blank"> <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment-alt-dots" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width:20px"> <path fill="currentColor" d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm16 352c0 8.8-7.2 16-16 16H288l-12.8 9.6L208 428v-60H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h384c8.8 0 16 7.2 16 16v288zM128 176c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32z" class=""/> </svg> </a>
-</div> </li><li class="nav-item"> <a class="gh-style btn btn-block" style="margin: 2px 0" aria-label="Sponsor @chriskyfung" target="_top" href="https://github.com/sponsors/chriskyfung?o=esb"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart icon-sponsor color-fg-sponsors"> <path fill-rule="evenodd" d="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z"/> </svg> <span>Sponsor</span> </a> </li><li class="nav-item"> <button type="button" on="tap:amp-searchbar" id="toggle-search" class="btn btn-primary" data-toggle="modal" data-target="#searchbar" title="search" accesskey="/"> <i class="fas fa-search"></i> </button> </li> </ul> </div>  </div> </nav> <amp-lightbox scrollable id="amp-searchbar" layout="nodisplay" animate-in="fade-in" hidden="hidden" class="i-amphtml-layout-nodisplay" i-amphtml-layout="nodisplay"> <div class="modal-dialog modal-lg">  <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Search for</h5> <button class="close" type="button" on="tap:amp-searchbar.close" aria-label="Close Search Modal" tabindex="-1">×</button> </div> <div class="modal-body"> <div class="search_form"> <form method="GET" action="/search" target="_top"> <amp-autocomplete class="searchbox i-amphtml-layout-container" filter="substring" src="/assets/data/suggestions.json" i-amphtml-layout="container"> <input class="form-control" name="q" type="search" placeholder="Search" required> </amp-autocomplete> <input hidden name="sitesearch" value="chriskyfung.github.io"> <button class="btn btn-primary" type="submit">Search</button> </form> </div> </div> </div> </div> </amp-lightbox>   <div class="site-content"> <div class="container">  <div class="main-content" style="margin-top: 88px;"> <div class="row">  <main class="col-md-8 col-lg-8"> <h1 class="posttitle">List of Categories</h1> <div class="article-post"> <div class="tag-expo"> <ul class="tags"><h4>A</h4><li> <a href="/category/academic/" class="post-tag">Academic</a> <span class="badge badge-pill badge-primary">14</span> </li><li> <a href="/category/announcement/" class="post-tag">Announcement</a> <span class="badge badge-pill badge-primary">4</span> </li><h4>C</h4><li> <a href="/category/cloud/" class="post-tag">Cloud</a> <span class="badge badge-pill badge-primary">33</span> </li><li> <a href="/category/computer-science/" class="post-tag">Computer Science</a> <span class="badge badge-pill badge-primary">1</span> </li><h4>D</h4><li> <a href="/category/developer-tools/" class="post-tag">Developer tools</a> <span class="badge badge-pill badge-primary">1</span> </li><h4>L</h4><li> <a href="/category/linux/" class="post-tag">Linux</a> <span class="badge badge-pill badge-primary">2</span> </li><h4>P</h4><li> <a href="/category/project/" class="post-tag">Project</a> <span class="badge badge-pill badge-primary">2</span> </li><h4>W</h4><li> <a href="/category/web-development/" class="post-tag">Web Development</a> <span class="badge badge-pill badge-primary">2</span> </li><li> <a href="/category/windows/" class="post-tag">Windows</a> <span class="badge badge-pill badge-primary">2</span> </li></ul>
+</div> </li><li class="nav-item"> <a class="gh-style btn btn-block" style="margin: 2px 0" aria-label="Sponsor @chriskyfung" target="_top" href="https://github.com/sponsors/chriskyfung?o=esb"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart icon-sponsor color-fg-sponsors"> <path fill-rule="evenodd" d="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z"/> </svg> <span>Sponsor</span> </a> </li><li class="nav-item"> <button type="button" on="tap:amp-searchbar" id="toggle-search" class="btn btn-primary" data-toggle="modal" data-target="#searchbar" title="search" accesskey="/"> <i class="fas fa-search"></i> </button> </li> </ul> </div>  </div> </nav> <amp-lightbox scrollable id="amp-searchbar" layout="nodisplay" animate-in="fade-in" hidden="hidden" class="i-amphtml-layout-nodisplay" i-amphtml-layout="nodisplay"> <div class="modal-dialog modal-lg">  <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Search for</h5> <button class="close" type="button" on="tap:amp-searchbar.close" aria-label="Close Search Modal" tabindex="-1">×</button> </div> <div class="modal-body"> <div class="search_form"> <form method="GET" action="/search" target="_top"> <amp-autocomplete class="searchbox i-amphtml-layout-container" filter="substring" src="/assets/data/suggestions.json" i-amphtml-layout="container"> <input class="form-control" name="q" type="search" placeholder="Search" required> </amp-autocomplete> <input hidden name="sitesearch" value="chriskyfung.github.io"> <button class="btn btn-primary" type="submit">Search</button> </form> </div> </div> </div> </div> </amp-lightbox>   <div class="site-content"> <div class="container">  <div class="main-content" style="margin-top: 88px;"> <div class="row">  <main class="col-md-8 col-lg-8"> <h1 class="posttitle">List of Categories</h1> <div class="article-post"> <div class="tag-expo"> <ul class="tags"><h4>A</h4><li> <a href="/category/academic/" class="post-tag">Academic</a> <span class="badge badge-pill badge-primary">14</span> </li><li> <a href="/category/announcement/" class="post-tag">Announcement</a> <span class="badge badge-pill badge-primary">4</span> </li><h4>C</h4><li> <a href="/category/cloud/" class="post-tag">Cloud</a> <span class="badge badge-pill badge-primary">33</span> </li><li> <a href="/category/computer-science/" class="post-tag">Computer Science</a> <span class="badge badge-pill badge-primary">1</span> </li><h4>D</h4><li> <a href="/category/developer-tools/" class="post-tag">Developer tools</a> <span class="badge badge-pill badge-primary">2</span> </li><h4>L</h4><li> <a href="/category/linux/" class="post-tag">Linux</a> <span class="badge badge-pill badge-primary">2</span> </li><h4>P</h4><li> <a href="/category/project/" class="post-tag">Project</a> <span class="badge badge-pill badge-primary">2</span> </li><h4>W</h4><li> <a href="/category/web-development/" class="post-tag">Web Development</a> <span class="badge badge-pill badge-primary">2</span> </li><li> <a href="/category/windows/" class="post-tag">Windows</a> <span class="badge badge-pill badge-primary">2</span> </li></ul>
 </div> </div></main>  <aside class="col-md-4 col-lg-4 right-sidebar"><div class="sidebar"> <h2 class="sr-only">Sidebar</h2> <div aria-label="featured posts" class="sidebar-section"> <h3><span>Featured</span><span class="sr-only"> Posts</span></h3> <section class="featured-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp335-cover.thumb.webp" alt="Image in List of Categories" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp335-cover.thumb.png" alt="Image in List of Categories" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab">☁ Secure Workloads in Google Kubernetes Engine: Challenge Lab | l...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i><i class="fas fa-sync-alt fa-xs" aria-hidden="true" style="color:#0293d8;margin-left:-.5em;vertical-align:bottom"></i> <time datetime="2021-06-27T15:00:00+08:00" itemprop="dateModified" title="Updated on">27 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/windows/fix-windows10-boot-loop-after-fail-upgrade"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/windows/restoring-your-previous-version-of-windows-10.thumb.webp" alt="Image in List of Categories" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/windows/restoring-your-previous-version-of-windows-10.thumb.png" alt="Image in List of Categories" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/windows/fix-windows10-boot-loop-after-fail-upgrade">Fix reboot loop after a fail upgrade of Windows 10, Version 2004,...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/windows/fix-windows10-boot-loop-after-fail-upgrade" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2020-06-23T23:18:00+08:00" itemprop="datePublished" title="Published on">23 Jun 2020</time></div> <ul class="tags"><li> <small><a href="/category/windows/">Windows</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
@@ -21,19 +21,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in List of Categories" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in List of Categories" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in List of Categories" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in List of Categories" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in List of Categories" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in List of Categories" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in List of Categories" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in List of Categories" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in List of Categories" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in List of Categories" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in List of Categories" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in List of Categories" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in List of Categories" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/category/linux/index.html b/category/linux/index.html
index 33cbf7253..59355f1db 100644
--- a/category/linux/index.html
+++ b/category/linux/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -25,19 +25,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/category/project/index.html b/category/project/index.html
index 9ef84a3e2..77abe0e8c 100644
--- a/category/project/index.html
+++ b/category/project/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -25,19 +25,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Project" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Project" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Project" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Project" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Project" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Project" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Project" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Project" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Project" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Project" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Project" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Project" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Project" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/category/web-development/index.html b/category/web-development/index.html
index afcb365d9..40d347229 100644
--- a/category/web-development/index.html
+++ b/category/web-development/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -25,19 +25,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Web Development" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Web Development" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Web Development" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Web Development" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Web Development" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Web Development" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Web Development" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Web Development" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Web Development" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Web Development" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Web Development" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Web Development" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Web Development" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/category/windows/index.html b/category/windows/index.html
index 69d815dbe..4a969226e 100644
--- a/category/windows/index.html
+++ b/category/windows/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -25,19 +25,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Windows" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Windows" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Windows" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Windows" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Windows" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Windows" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Windows" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Windows" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Windows" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Windows" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Windows" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Windows" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Windows" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/contact.html b/contact.html
index b77db13f1..2fb2012b7 100644
--- a/contact.html
+++ b/contact.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -12,7 +12,7 @@
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/academic/" role="menuitem">Academic</a>
 </li></ul>
 <ul class="navbar-btngroup row ml-auto"><li class="nav-item"> <div class="invitation-codes"> <a class="btn invitation-codes-badge" href="https://invitation.codes/@chriskyfung" data-type data-vars-event-label="Invitation Code Button" aria-label="invitation.codes - link opens in a new tab" title="invitation.codes - Open in New Tab" rel="noopener noreferrer" target="_blank"> <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment-alt-dots" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width:20px"> <path fill="currentColor" d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm16 352c0 8.8-7.2 16-16 16H288l-12.8 9.6L208 428v-60H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h384c8.8 0 16 7.2 16 16v288zM128 176c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32z" class=""/> </svg> </a>
-</div> </li><li class="nav-item"> <a class="gh-style btn btn-block" style="margin: 2px 0" aria-label="Sponsor @chriskyfung" target="_top" href="https://github.com/sponsors/chriskyfung?o=esb"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart icon-sponsor color-fg-sponsors"> <path fill-rule="evenodd" d="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z"/> </svg> <span>Sponsor</span> </a> </li><li class="nav-item"> <button type="button" on="tap:amp-searchbar" id="toggle-search" class="btn btn-primary" data-toggle="modal" data-target="#searchbar" title="search" accesskey="/"> <i class="fas fa-search"></i> </button> </li> </ul> </div>  </div> </nav> <amp-lightbox scrollable id="amp-searchbar" layout="nodisplay" animate-in="fade-in" hidden="hidden" class="i-amphtml-layout-nodisplay" i-amphtml-layout="nodisplay"> <div class="modal-dialog modal-lg">  <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Search for</h5> <button class="close" type="button" on="tap:amp-searchbar.close" aria-label="Close Search Modal" tabindex="-1">×</button> </div> <div class="modal-body"> <div class="search_form"> <form method="GET" action="/search" target="_top"> <amp-autocomplete class="searchbox i-amphtml-layout-container" filter="substring" src="/assets/data/suggestions.json" i-amphtml-layout="container"> <input class="form-control" name="q" type="search" placeholder="Search" required> </amp-autocomplete> <input hidden name="sitesearch" value="chriskyfung.github.io"> <button class="btn btn-primary" type="submit">Search</button> </form> </div> </div> </div> </div> </amp-lightbox>   <div class="site-content"> <div class="container">  <div class="main-content" style="margin-top: 88px;"> <main class="col-md-8 col-lg-8"> <h1 class="posttitle">Contact</h1> <div class="article-post"> <p>Got a suggestion or some feedback to improve this website or want to inquire about something ?</p> <p>Get in touch by sending an email to me using this contact form</p> <p>Although I try to respond to all emails and other communications, but I cannot make any commitments regarding the same. If you need to discuss any of the posts/articles published on this website, you can use the Disqus comment box on the posts.</p> <form action-xhr="https://getsimpleform.com/messages?form_api_token=7038eea2fdbb0f5b0abc92b0cb60113d" method="POST"> <div class="form-group row"> <div class="col-md-6"> <input class="form-control" type="text" name="name" placeholder="Name"> </div> <div class="col-md-6"> <input class="form-control" type="email" name="_replyto" placeholder="E-mail Address"> </div> </div> <textarea rows="8" class="form-control mb-3" name="message" placeholder="Message"></textarea> <input class="btn btn-primary" type="submit" value="Send"> </form> </div></main> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+</div> </li><li class="nav-item"> <a class="gh-style btn btn-block" style="margin: 2px 0" aria-label="Sponsor @chriskyfung" target="_top" href="https://github.com/sponsors/chriskyfung?o=esb"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart icon-sponsor color-fg-sponsors"> <path fill-rule="evenodd" d="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z"/> </svg> <span>Sponsor</span> </a> </li><li class="nav-item"> <button type="button" on="tap:amp-searchbar" id="toggle-search" class="btn btn-primary" data-toggle="modal" data-target="#searchbar" title="search" accesskey="/"> <i class="fas fa-search"></i> </button> </li> </ul> </div>  </div> </nav> <amp-lightbox scrollable id="amp-searchbar" layout="nodisplay" animate-in="fade-in" hidden="hidden" class="i-amphtml-layout-nodisplay" i-amphtml-layout="nodisplay"> <div class="modal-dialog modal-lg">  <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Search for</h5> <button class="close" type="button" on="tap:amp-searchbar.close" aria-label="Close Search Modal" tabindex="-1">×</button> </div> <div class="modal-body"> <div class="search_form"> <form method="GET" action="/search" target="_top"> <amp-autocomplete class="searchbox i-amphtml-layout-container" filter="substring" src="/assets/data/suggestions.json" i-amphtml-layout="container"> <input class="form-control" name="q" type="search" placeholder="Search" required> </amp-autocomplete> <input hidden name="sitesearch" value="chriskyfung.github.io"> <button class="btn btn-primary" type="submit">Search</button> </form> </div> </div> </div> </div> </amp-lightbox>   <div class="site-content"> <div class="container">  <div class="main-content" style="margin-top: 88px;"> <main class="col-md-8 col-lg-8"> <h1 class="posttitle">Contact</h1> <div class="article-post"> <p>Got a suggestion or some feedback to improve this website or want to inquire about something ?</p> <p>Get in touch by sending an email to me using this contact form</p> <p>Although I try to respond to all emails and other communications, but I cannot make any commitments regarding the same. If you need to discuss any of the posts/articles published on this website, you can use the Disqus comment box on the posts.</p> <form action-xhr="https://getsimpleform.com/messages?form_api_token=7038eea2fdbb0f5b0abc92b0cb60113d" method="POST"> <div class="form-group row"> <div class="col-md-6"> <input class="form-control" type="text" name="name" placeholder="Name"> </div> <div class="col-md-6"> <input class="form-control" type="email" name="_replyto" placeholder="E-mail Address"> </div> </div> <textarea rows="8" class="form-control mb-3" name="message" placeholder="Message"></textarea> <input class="btn btn-primary" type="submit" value="Send"> </form> </div></main> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/feed.xml b/feed.xml
index 86f4f0ed0..bf1fa8fcf 100644
--- a/feed.xml
+++ b/feed.xml
@@ -5,10 +5,98 @@
     <description>Feel free to bookmark this to keep an eye on my project updates</description>
     <link>https://chriskyfung.github.io/</link>
     <atom:link href="https://chriskyfung.github.io/feed.xml" rel="self" type="application/rss+xml"/>
-    <pubDate>Fri, 29 Nov 2024 00:28:10 +0800</pubDate>
-    <lastBuildDate>Fri, 29 Nov 2024 00:28:10 +0800</lastBuildDate>
+    <pubDate>Fri, 27 Dec 2024 18:23:52 +0800</pubDate>
+    <lastBuildDate>Fri, 27 Dec 2024 18:23:52 +0800</lastBuildDate>
     <generator>Jekyll v4.2.2</generator>
     
+      <item>
+        <title>Speed Up GitHub CLI: Custom Completion for &apos;gh repo clone&apos; Command</title>
+        <description>&lt;p&gt;Ever found yourself typing &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;gh repo clone&lt;/code&gt; and struggling to remember repository names? I’ve been there. As a developer who works with dozens of repositories daily, I needed a better solution. That’s why I created a custom completion script that makes the GitHub CLI’s clone command more powerful and user-friendly.&lt;/p&gt;
+
+&lt;h2 id=&quot;why-custom-completion-matters&quot;&gt;Why Custom Completion Matters&lt;/h2&gt;
+
+&lt;p&gt;While the standard &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;gh repo clone&lt;/code&gt; is incredibly useful, it lacks intelligent autocompletion. Here’s what you’re missing:&lt;/p&gt;
+
+&lt;div class=&quot;language-bash highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;nv&quot;&gt;$ &lt;/span&gt;gh repo clone my&amp;lt;tab&amp;gt;
+my-awesome-project    my-docker-images     my-python-scripts
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;
+
+&lt;p&gt;I struggled to recall exact repository names, some of which are a mouthful. Then there were the flags that I could never remember. These tiny hurdles added up, hindering productivity, especially for those who constantly work with multiple repositories.&lt;/p&gt;
+
+&lt;p&gt;Driven by the desire for seamless interaction, I embarked on a quest to enhance my command-line experience. Instead of wrestling with repository names and flags, I decided to create a custom completion script for the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;gh repo clone&lt;/code&gt; command. The script enables:&lt;/p&gt;
+
+&lt;ul&gt;
+  &lt;li&gt;&lt;strong&gt;Smart Repository Suggestions&lt;/strong&gt;: Instantly see matching repositories as you type.&lt;/li&gt;
+  &lt;li&gt;&lt;strong&gt;Flag Completion&lt;/strong&gt;: Access additional &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;git clone&lt;/code&gt; options for &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;gh repo clone&lt;/code&gt; by pressing &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;tab&lt;/code&gt; twice after the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;--&lt;/code&gt; flag.&lt;/li&gt;
+&lt;/ul&gt;
+
+&lt;p&gt;The completion script automatically populates suggestions, enabling faster interaction and execution with the GitHub CLI.&lt;/p&gt;
+
+&lt;h3 id=&quot;common-use-cases&quot;&gt;Common Use Cases&lt;/h3&gt;
+
+&lt;div class=&quot;language-bash highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;c&quot;&gt;# Clone to a custom directory&lt;/span&gt;
+gh repo clone username/repo
+
+&lt;span class=&quot;c&quot;&gt;# Clone with a specific branch&lt;/span&gt;
+gh repo clone username/repo &lt;span class=&quot;nt&quot;&gt;--&lt;/span&gt; &lt;span class=&quot;nt&quot;&gt;--branch&lt;/span&gt; feature-branch
+
+&lt;span class=&quot;c&quot;&gt;# Clone with depth limit&lt;/span&gt;
+gh repo clone username/repo &lt;span class=&quot;nt&quot;&gt;--&lt;/span&gt; &lt;span class=&quot;nt&quot;&gt;--depth&lt;/span&gt; 1
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;
+
+&lt;h2 id=&quot;quick-setup-guide&quot;&gt;Quick Setup Guide&lt;/h2&gt;
+
+&lt;ol&gt;
+  &lt;li&gt;
+    &lt;p&gt;&lt;strong&gt;Install the completion script&lt;/strong&gt;:&lt;/p&gt;
+
+    &lt;div class=&quot;language-bash highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;curl &lt;span class=&quot;nt&quot;&gt;-o&lt;/span&gt; ~/.gh-repo-clone-completion.bash https://gist.github.com/chriskyfung/50039cb2a9b586047adc2726085c6280/raw/.bash_profile
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;    &lt;/div&gt;
+
+    &lt;p&gt;You can view the source code and contribute on &lt;a href=&quot;https://gist.github.com/chriskyfung/50039cb2a9b586047adc2726085c6280&quot;&gt;GitHub Gist&lt;/a&gt;.&lt;/p&gt;
+  &lt;/li&gt;
+  &lt;li&gt;
+    &lt;p&gt;&lt;strong&gt;Add to your shell&lt;/strong&gt;:&lt;/p&gt;
+
+    &lt;div class=&quot;language-bash highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;nb&quot;&gt;echo&lt;/span&gt; &lt;span class=&quot;s1&quot;&gt;&apos;source ~/.gh-repo-clone-completion.bash&apos;&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;gt;&amp;gt;&lt;/span&gt; ~/.bashrc  &lt;span class=&quot;c&quot;&gt;# for bash&lt;/span&gt;
+&lt;span class=&quot;c&quot;&gt;# OR&lt;/span&gt;
+&lt;span class=&quot;nb&quot;&gt;echo&lt;/span&gt; &lt;span class=&quot;s1&quot;&gt;&apos;source ~/.gh-repo-clone-completion.bash&apos;&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;&amp;gt;&amp;gt;&lt;/span&gt; ~/.zshrc   &lt;span class=&quot;c&quot;&gt;# for zsh&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;    &lt;/div&gt;
+  &lt;/li&gt;
+  &lt;li&gt;
+    &lt;p&gt;&lt;strong&gt;Verify the Setup&lt;/strong&gt;:&lt;/p&gt;
+
+    &lt;p&gt;Type &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;gh repo clone &amp;lt;tab&amp;gt;&lt;/code&gt; in your terminal. If set up correctly, you should see repository suggestions as you type.&lt;/p&gt;
+
+    &lt;p&gt;Type &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;gh repo clone -- &amp;lt;tab&amp;gt;&lt;/code&gt; in your terminal. You should see additional &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;git clone&lt;/code&gt; flags by listing them after &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;--&lt;/code&gt;.&lt;/p&gt;
+  &lt;/li&gt;
+&lt;/ol&gt;
+
+&lt;h2 id=&quot;conclusion&quot;&gt;Conclusion&lt;/h2&gt;
+
+&lt;p&gt;Implementing this custom completion function can transform your GitHub CLI experience by making it more efficient and user-friendly. My coding sessions are now more about creativity and less about the little frustrations.&lt;/p&gt;
+
+&lt;p&gt;Try it yourself and see how much faster your GitHub workflow becomes. Questions or suggestions? Feel free to contribute to the script on my GitHub!&lt;/p&gt;
+
+&lt;p&gt;Happy coding! 🚀&lt;/p&gt;
+</description>
+        <pubDate>Fri, 27 Dec 2024 15:12:00 +0800</pubDate>
+        <link>https://chriskyfung.github.io/github-cli-repo-clone-custom-completion/</link>
+        <guid isPermaLink="true">https://chriskyfung.github.io/github-cli-repo-clone-custom-completion/</guid>
+        
+        <category>Bash</category>
+        
+        <category>Command-line</category>
+        
+        <category>GitHub CLI</category>
+        
+        <category>Autocompletions</category>
+        
+        
+        <category>Developer tools</category>
+        
+      </item>
+    
       <item>
         <title>Qwiklabs Lab Completion Tracker - Version History</title>
         <description>&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
@@ -1092,7 +1180,7 @@ gcloud beta run deploy frontend-production-service &lt;span class=&quot;se&quot;
 
 &lt;h2 id=&quot;-demonstration-video&quot;&gt;&lt;i class=&quot;far fa-play-circle&quot;&gt;&lt;/i&gt; Demonstration Video&lt;/h2&gt;
 
-&lt;amp-youtube id=&quot;yt-4rqeFp87s6I&quot; width=&quot;480&quot; height=&quot;270&quot; layout=&quot;responsive&quot; data-videoid=&quot;4rqeFp87s6I&quot; title=&quot;GSP344 Serverless Firebase Development: Challenge Lab | 🐱‍🏍 GCP learning tour&quot; data-vars-video-title=&quot;GSP344 Serverless Firebase Development: Challenge Lab | 🐱‍🏍 GCP learning tour&quot; data-vars-video-url=&quot;https://www.youtube.com/watch?v=4rqeFp87s6I&quot; data-param-rel=&quot;0&quot;&gt;
+&lt;amp-youtube id=&quot;yt-4rqeFp87s6I&quot; width=&quot;480&quot; height=&quot;270&quot; layout=&quot;responsive&quot; credentials=&quot;omit&quot; data-videoid=&quot;4rqeFp87s6I&quot; title=&quot;GSP344 Serverless Firebase Development: Challenge Lab | 🐱‍🏍 GCP learning tour&quot; data-vars-video-title=&quot;GSP344 Serverless Firebase Development: Challenge Lab | 🐱‍🏍 GCP learning tour&quot; data-vars-video-url=&quot;https://www.youtube.com/watch?v=4rqeFp87s6I&quot; data-param-rel=&quot;0&quot;&gt;
   &lt;div fallback=&quot;&quot;&gt;
     &lt;p&gt;This browser does not support the YouTube video player. &lt;a href=&quot;https://www.youtube.com/watch?v=4rqeFp87s6I&quot; rel=&quot;noopener&quot; target=&quot;_blank&quot;&gt;Watch on YouTube&lt;/a&gt;&lt;/p&gt;
   &lt;/div&gt;
@@ -1364,7 +1452,7 @@ gcloud beta run deploy frontend-production-service &lt;span class=&quot;se&quot;
 
 &lt;h2 id=&quot;-demonstration-video&quot;&gt;&lt;i class=&quot;far fa-play-circle&quot;&gt;&lt;/i&gt; Demonstration Video&lt;/h2&gt;
 
-&lt;amp-youtube id=&quot;yt-C49jYtIMAsg&quot; width=&quot;480&quot; height=&quot;270&quot; layout=&quot;responsive&quot; data-videoid=&quot;C49jYtIMAsg&quot; title=&quot;GSP340 Build and Optimize Data Warehouses with BigQuery: Challenge Lab (UPDATED ON JUNE 2021)&quot; data-vars-video-title=&quot;GSP340 Build and Optimize Data Warehouses with BigQuery: Challenge Lab (UPDATED ON JUNE 2021)&quot; data-vars-video-url=&quot;https://www.youtube.com/watch?v=C49jYtIMAsg&quot; data-param-rel=&quot;0&quot;&gt;
+&lt;amp-youtube id=&quot;yt-C49jYtIMAsg&quot; width=&quot;480&quot; height=&quot;270&quot; layout=&quot;responsive&quot; credentials=&quot;omit&quot; data-videoid=&quot;C49jYtIMAsg&quot; title=&quot;GSP340 Build and Optimize Data Warehouses with BigQuery: Challenge Lab (UPDATED ON JUNE 2021)&quot; data-vars-video-title=&quot;GSP340 Build and Optimize Data Warehouses with BigQuery: Challenge Lab (UPDATED ON JUNE 2021)&quot; data-vars-video-url=&quot;https://www.youtube.com/watch?v=C49jYtIMAsg&quot; data-param-rel=&quot;0&quot;&gt;
   &lt;div fallback=&quot;&quot;&gt;
     &lt;p&gt;This browser does not support the YouTube video player. &lt;a href=&quot;https://www.youtube.com/watch?v=C49jYtIMAsg&quot; rel=&quot;noopener&quot; target=&quot;_blank&quot;&gt;Watch on YouTube&lt;/a&gt;&lt;/p&gt;
   &lt;/div&gt;
@@ -1673,7 +1761,7 @@ for &lt;/span&gt;node &lt;span class=&quot;k&quot;&gt;in&lt;/span&gt; &lt;span c
 
 &lt;h2 id=&quot;-demonstration-video&quot;&gt;&lt;i class=&quot;far fa-play-circle&quot;&gt;&lt;/i&gt; Demonstration Video&lt;/h2&gt;
 
-&lt;amp-youtube id=&quot;yt-jeB-FIeGKkQ&quot; width=&quot;480&quot; height=&quot;270&quot; layout=&quot;responsive&quot; data-videoid=&quot;jeB-FIeGKkQ&quot; title=&quot;GSP343 Optimize Costs for Google Kubernetes Engine: Challenge Lab | GCP learning tour&quot; data-vars-video-title=&quot;GSP343 Optimize Costs for Google Kubernetes Engine: Challenge Lab | GCP learning tour&quot; data-vars-video-url=&quot;https://www.youtube.com/watch?v=jeB-FIeGKkQ&quot; data-param-rel=&quot;0&quot;&gt;
+&lt;amp-youtube id=&quot;yt-jeB-FIeGKkQ&quot; width=&quot;480&quot; height=&quot;270&quot; layout=&quot;responsive&quot; credentials=&quot;omit&quot; data-videoid=&quot;jeB-FIeGKkQ&quot; title=&quot;GSP343 Optimize Costs for Google Kubernetes Engine: Challenge Lab | GCP learning tour&quot; data-vars-video-title=&quot;GSP343 Optimize Costs for Google Kubernetes Engine: Challenge Lab | GCP learning tour&quot; data-vars-video-url=&quot;https://www.youtube.com/watch?v=jeB-FIeGKkQ&quot; data-param-rel=&quot;0&quot;&gt;
   &lt;div fallback=&quot;&quot;&gt;
     &lt;p&gt;This browser does not support the YouTube video player. &lt;a href=&quot;https://www.youtube.com/watch?v=jeB-FIeGKkQ&quot; rel=&quot;noopener&quot; target=&quot;_blank&quot;&gt;Watch on YouTube&lt;/a&gt;&lt;/p&gt;
   &lt;/div&gt;
@@ -1906,7 +1994,7 @@ gcloud projects add-iam-policy-binding &lt;span class=&quot;nv&quot;&gt;$DEVSHEL
 
 &lt;h2 id=&quot;-demonstration-video&quot;&gt;&lt;i class=&quot;far fa-play-circle&quot;&gt;&lt;/i&gt; Demonstration Video&lt;/h2&gt;
 
-&lt;amp-youtube id=&quot;yt-HiFMZGDBzZo&quot; width=&quot;480&quot; height=&quot;270&quot; layout=&quot;responsive&quot; data-videoid=&quot;HiFMZGDBzZo&quot; title=&quot;GSP342 Ensure Access &amp;amp; Identity in Google Cloud: Challenge Lab (With Audio Instruction 🔉)&quot; data-vars-video-title=&quot;GSP342 Ensure Access &amp;amp; Identity in Google Cloud: Challenge Lab (With Audio Instruction 🔉)&quot; data-vars-video-url=&quot;https://www.youtube.com/watch?v=HiFMZGDBzZo&quot; data-param-rel=&quot;0&quot;&gt;
+&lt;amp-youtube id=&quot;yt-HiFMZGDBzZo&quot; width=&quot;480&quot; height=&quot;270&quot; layout=&quot;responsive&quot; credentials=&quot;omit&quot; data-videoid=&quot;HiFMZGDBzZo&quot; title=&quot;GSP342 Ensure Access &amp;amp; Identity in Google Cloud: Challenge Lab (With Audio Instruction 🔉)&quot; data-vars-video-title=&quot;GSP342 Ensure Access &amp;amp; Identity in Google Cloud: Challenge Lab (With Audio Instruction 🔉)&quot; data-vars-video-url=&quot;https://www.youtube.com/watch?v=HiFMZGDBzZo&quot; data-param-rel=&quot;0&quot;&gt;
   &lt;div fallback=&quot;&quot;&gt;
     &lt;p&gt;This browser does not support the YouTube video player. &lt;a href=&quot;https://www.youtube.com/watch?v=HiFMZGDBzZo&quot; rel=&quot;noopener&quot; target=&quot;_blank&quot;&gt;Watch on YouTube&lt;/a&gt;&lt;/p&gt;
   &lt;/div&gt;
@@ -2363,7 +2451,7 @@ Run the following to apply the configuration file:&lt;/p&gt;
 
 &lt;h2 id=&quot;-demonstration-video&quot;&gt;&lt;i class=&quot;far fa-play-circle&quot;&gt;&lt;/i&gt; Demonstration Video&lt;/h2&gt;
 
-&lt;amp-youtube id=&quot;yt-bpeOjFZklpg&quot; width=&quot;480&quot; height=&quot;270&quot; layout=&quot;responsive&quot; data-videoid=&quot;bpeOjFZklpg&quot; title=&quot;GSP335 Secure Workloads in Google Kubernetes Engine: Challenge Lab&quot; data-vars-video-title=&quot;GSP335 Secure Workloads in Google Kubernetes Engine: Challenge Lab&quot; data-vars-video-url=&quot;https://www.youtube.com/watch?v=bpeOjFZklpg&quot; data-param-rel=&quot;0&quot;&gt;
+&lt;amp-youtube id=&quot;yt-bpeOjFZklpg&quot; width=&quot;480&quot; height=&quot;270&quot; layout=&quot;responsive&quot; credentials=&quot;omit&quot; data-videoid=&quot;bpeOjFZklpg&quot; title=&quot;GSP335 Secure Workloads in Google Kubernetes Engine: Challenge Lab&quot; data-vars-video-title=&quot;GSP335 Secure Workloads in Google Kubernetes Engine: Challenge Lab&quot; data-vars-video-url=&quot;https://www.youtube.com/watch?v=bpeOjFZklpg&quot; data-param-rel=&quot;0&quot;&gt;
   &lt;div fallback=&quot;&quot;&gt;
     &lt;p&gt;This browser does not support the YouTube video player. &lt;a href=&quot;https://www.youtube.com/watch?v=bpeOjFZklpg&quot; rel=&quot;noopener&quot; target=&quot;_blank&quot;&gt;Watch on YouTube&lt;/a&gt;&lt;/p&gt;
   &lt;/div&gt;
@@ -2798,7 +2886,7 @@ git push origin master
 
 &lt;h2 id=&quot;-demonstration-video&quot;&gt;&lt;i class=&quot;far fa-play-circle&quot;&gt;&lt;/i&gt; Demonstration Video&lt;/h2&gt;
 
-&lt;amp-youtube id=&quot;yt-pSSA6vlRgtA&quot; width=&quot;480&quot; height=&quot;270&quot; layout=&quot;responsive&quot; data-videoid=&quot;pSSA6vlRgtA&quot; title=&quot;GSP330 Implement DevOps in Google Cloud: Challenge Lab&quot; data-vars-video-title=&quot;GSP330 Implement DevOps in Google Cloud: Challenge Lab&quot; data-vars-video-url=&quot;https://www.youtube.com/watch?v=pSSA6vlRgtA&quot; data-param-rel=&quot;0&quot;&gt;
+&lt;amp-youtube id=&quot;yt-pSSA6vlRgtA&quot; width=&quot;480&quot; height=&quot;270&quot; layout=&quot;responsive&quot; credentials=&quot;omit&quot; data-videoid=&quot;pSSA6vlRgtA&quot; title=&quot;GSP330 Implement DevOps in Google Cloud: Challenge Lab&quot; data-vars-video-title=&quot;GSP330 Implement DevOps in Google Cloud: Challenge Lab&quot; data-vars-video-url=&quot;https://www.youtube.com/watch?v=pSSA6vlRgtA&quot; data-param-rel=&quot;0&quot;&gt;
   &lt;div fallback=&quot;&quot;&gt;
     &lt;p&gt;This browser does not support the YouTube video player. &lt;a href=&quot;https://www.youtube.com/watch?v=pSSA6vlRgtA&quot; rel=&quot;noopener&quot; target=&quot;_blank&quot;&gt;Watch on YouTube&lt;/a&gt;&lt;/p&gt;
   &lt;/div&gt;
@@ -3027,7 +3115,7 @@ python analyze-images.py &lt;span class=&quot;nv&quot;&gt;$PROJECT&lt;/span&gt;
 
 &lt;h2 id=&quot;-demonstration-video&quot;&gt;&lt;i class=&quot;far fa-play-circle&quot;&gt;&lt;/i&gt; Demonstration Video&lt;/h2&gt;
 
-&lt;amp-youtube id=&quot;yt-kEEqbeqR6og&quot; width=&quot;480&quot; height=&quot;270&quot; layout=&quot;responsive&quot; data-videoid=&quot;kEEqbeqR6og&quot; title=&quot;GSP329 Integrate with Machine Learning APIs: Challenge Lab&quot; data-vars-video-title=&quot;GSP329 Integrate with Machine Learning APIs: Challenge Lab&quot; data-vars-video-url=&quot;https://www.youtube.com/watch?v=kEEqbeqR6og&quot; data-param-rel=&quot;0&quot;&gt;
+&lt;amp-youtube id=&quot;yt-kEEqbeqR6og&quot; width=&quot;480&quot; height=&quot;270&quot; layout=&quot;responsive&quot; credentials=&quot;omit&quot; data-videoid=&quot;kEEqbeqR6og&quot; title=&quot;GSP329 Integrate with Machine Learning APIs: Challenge Lab&quot; data-vars-video-title=&quot;GSP329 Integrate with Machine Learning APIs: Challenge Lab&quot; data-vars-video-url=&quot;https://www.youtube.com/watch?v=kEEqbeqR6og&quot; data-param-rel=&quot;0&quot;&gt;
   &lt;div fallback=&quot;&quot;&gt;
     &lt;p&gt;This browser does not support the YouTube video player. &lt;a href=&quot;https://www.youtube.com/watch?v=kEEqbeqR6og&quot; rel=&quot;noopener&quot; target=&quot;_blank&quot;&gt;Watch on YouTube&lt;/a&gt;&lt;/p&gt;
   &lt;/div&gt;
@@ -3089,313 +3177,6 @@ python analyze-images.py &lt;span class=&quot;nv&quot;&gt;$PROJECT&lt;/span&gt;
         <category>Cloud AI</category>
         
         
-        <category>Cloud</category>
-        
-      </item>
-    
-      <item>
-        <title>☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook</title>
-        <description>&lt;p&gt;In this article, we will go through the lab &lt;strong&gt;GSP324&lt;/strong&gt; &lt;em&gt;&lt;a href=&quot;https://www.qwiklabs.com/focuses/12011?parent=catalog&quot;&gt;Explore Machine Learning Models with Explainable AI: Challenge Lab&lt;/a&gt;&lt;/em&gt;, which is an &lt;a href=&quot;https://www.qwiklabs.com/quests/126&quot;&gt;advanced-level&lt;/a&gt; exercise on Qwiklabs. TensorFlow is the dominant AI framework in the industry. You will practice the skills and knowledge in using Cloud AI Platform to build, train and deploy TensorFlow models for machine learning the dataset of the Home Mortgage Disclosure Act (HMDA) in New York.&lt;/p&gt;
-
-&lt;p&gt;&lt;strong&gt;Topics tested&lt;/strong&gt;:&lt;/p&gt;
-
-&lt;ol&gt;
-  &lt;li&gt;Launching an AI Platform Notebook&lt;/li&gt;
-  &lt;li&gt;Downloading and exploring a sample dataset&lt;/li&gt;
-  &lt;li&gt;Building and training two different TensorFlow models&lt;/li&gt;
-  &lt;li&gt;Deploying models to the Cloud AI Platform&lt;/li&gt;
-  &lt;li&gt;Using the What-If Tool to compare the models&lt;/li&gt;
-&lt;/ol&gt;
-
-&lt;h2 id=&quot;start-a-jupyterlab-notebook-instance&quot;&gt;Start a JupyterLab Notebook instance&lt;/h2&gt;
-
-&lt;ol&gt;
-  &lt;li&gt;In the Cloud Console, in the search bar, type in &lt;strong&gt;Notebook&lt;/strong&gt;.&lt;/li&gt;
-  &lt;li&gt;Select &lt;strong&gt;Notebook&lt;/strong&gt; for &lt;strong&gt;AI Platform&lt;/strong&gt;.&lt;/li&gt;
-  &lt;li&gt;On the Notebook instances page, click &lt;strong&gt;New Instance&lt;/strong&gt;.&lt;/li&gt;
-  &lt;li&gt;
-    &lt;p&gt;In the Customize instance menu, select the latest version of TensorFlow &lt;em&gt;without&lt;/em&gt; GPUs.&lt;/p&gt;
-
-    &lt;figure class=&quot;ml-li&quot;&gt;&lt;amp-img width=&quot;1138&quot; height=&quot;660&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task1-new-tensorflow-notebook-1.webp&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;
-     &lt;amp-img fallback=&quot;&quot; width=&quot;1138&quot; height=&quot;660&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task1-new-tensorflow-notebook-1.png&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;&lt;/amp-img&gt;
-   &lt;/amp-img&gt;&lt;/figure&gt;
-  &lt;/li&gt;
-&lt;/ol&gt;
-
-&lt;ol start=&quot;5&quot;&gt;
-  &lt;li&gt;
-    &lt;p&gt;In the &lt;strong&gt;New notebook instance&lt;/strong&gt; dialog, accept the default options and click &lt;strong&gt;Create&lt;/strong&gt;.&lt;/p&gt;
-
-    &lt;figure class=&quot;ml-li text-center&quot;&gt;&lt;amp-img width=&quot;559&quot; height=&quot;506&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task1-new-tensorflow-notebook-2.webp&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;
-     &lt;amp-img fallback=&quot;&quot; width=&quot;559&quot; height=&quot;506&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task1-new-tensorflow-notebook-2.png&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;&lt;/amp-img&gt;
-   &lt;/amp-img&gt;&lt;/figure&gt;
-  &lt;/li&gt;
-&lt;/ol&gt;
-
-&lt;ol start=&quot;6&quot;&gt;
-  &lt;li&gt;After a few minutes, the AI Platform console will display your instance name, followed by Open Jupyterlab.&lt;br /&gt;&lt;br /&gt;Click &lt;strong&gt;Open JupyterLab&lt;/strong&gt;. Your notebook is now set up.&lt;/li&gt;
-&lt;/ol&gt;
-
-&lt;h2 id=&quot;download-the-challenge-notebook&quot;&gt;Download the Challenge Notebook&lt;/h2&gt;
-
-&lt;ol&gt;
-  &lt;li&gt;
-    &lt;p&gt;In your notebook, click the &lt;strong&gt;terminal&lt;/strong&gt;.&lt;/p&gt;
-
-    &lt;figure class=&quot;ml-li&quot;&gt;&lt;amp-img width=&quot;985&quot; height=&quot;668&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task2-import-dataset-to-jupyter-notebook-1.webp&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;
-     &lt;amp-img fallback=&quot;&quot; width=&quot;985&quot; height=&quot;668&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task2-import-dataset-to-jupyter-notebook-1.png&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;&lt;/amp-img&gt;
-   &lt;/amp-img&gt;&lt;/figure&gt;
-  &lt;/li&gt;
-&lt;/ol&gt;
-
-&lt;ol start=&quot;2&quot;&gt;
-  &lt;li&gt;
-    &lt;p&gt;Clone the repo:&lt;/p&gt;
-
-    &lt;div class=&quot;language-bash highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;git clone https://github.com/GoogleCloudPlatform/training-data-analyst
-&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;    &lt;/div&gt;
-  &lt;/li&gt;
-&lt;/ol&gt;
-
-&lt;ol start=&quot;3&quot;&gt;
-  &lt;li&gt;Go to the enclosing folder: &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;training-data-analyst/quests/dei&lt;/code&gt;&lt;/li&gt;
-  &lt;li&gt;
-    &lt;p&gt;Open the notebook file &lt;a href=&quot;https://github.com/GoogleCloudPlatform/training-data-analyst/blob/master/quests/dei/what-if-tool-challenge.ipynb&quot;&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;what-if-tool-challenge.ipynb&lt;/code&gt;&lt;/a&gt;.&lt;/p&gt;
-
-    &lt;figure class=&quot;ml-li&quot;&gt;&lt;amp-img width=&quot;973&quot; height=&quot;690&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task2-import-dataset-to-jupyter-notebook-2.webp&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;
-     &lt;amp-img fallback=&quot;&quot; width=&quot;973&quot; height=&quot;690&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task2-import-dataset-to-jupyter-notebook-2.png&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;&lt;/amp-img&gt;
-   &lt;/amp-img&gt;&lt;/figure&gt;
-  &lt;/li&gt;
-&lt;/ol&gt;
-
-&lt;ol start=&quot;5&quot;&gt;
-  &lt;li&gt;Download and import the dataset &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;hmda_2017_ny_all-records_labels&lt;/code&gt; by running the first to the eighth cells (the &lt;strong&gt;Get the Train &amp;amp; Test Data&lt;/strong&gt; section).&lt;/li&gt;
-&lt;/ol&gt;
-
-&lt;h2 id=&quot;build-and-train-your-models&quot;&gt;Build and train your models&lt;/h2&gt;
-
-&lt;ol&gt;
-  &lt;li&gt;
-    &lt;p&gt;In the second cell of the &lt;strong&gt;Train your first model on the complete dataset&lt;/strong&gt; section, add the following lines to create the model.&lt;/p&gt;
-
-    &lt;div class=&quot;language-python highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;n&quot;&gt;model&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;Sequential&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;()&lt;/span&gt;
-&lt;span class=&quot;n&quot;&gt;model&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;add&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;layers&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;Dense&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;8&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;input_dim&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;input_size&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;))&lt;/span&gt;
-&lt;span class=&quot;n&quot;&gt;model&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;add&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;layers&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;Dense&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;activation&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&apos;sigmoid&apos;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;))&lt;/span&gt;
-&lt;span class=&quot;n&quot;&gt;model&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nb&quot;&gt;compile&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;optimizer&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&apos;sgd&apos;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;loss&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&apos;mse&apos;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
-&lt;span class=&quot;n&quot;&gt;model&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;fit&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;train_data&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;train_labels&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;batch_size&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;32&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;epochs&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;10&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
-&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;    &lt;/div&gt;
-
-    &lt;figure class=&quot;ml-li&quot;&gt;&lt;amp-img width=&quot;1100&quot; height=&quot;668&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task3-build-and-train-models-1.webp&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;
-     &lt;amp-img fallback=&quot;&quot; width=&quot;1100&quot; height=&quot;668&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task3-build-and-train-models-1.jpg&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;&lt;/amp-img&gt;
-   &lt;/amp-img&gt;&lt;/figure&gt;
-  &lt;/li&gt;
-&lt;/ol&gt;
-
-&lt;ol start=&quot;2&quot;&gt;
-  &lt;li&gt;
-    &lt;p&gt;Copy the code for training the second model. Modify &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;model&lt;/code&gt; to &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;limited_model&lt;/code&gt; as well as &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;train_data, train_labels&lt;/code&gt; to &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;limited_train_data, limited_train_labels&lt;/code&gt;. The code for the second model should look like the following.&lt;/p&gt;
-
-    &lt;div class=&quot;language-python highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;n&quot;&gt;limited_model&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;Sequential&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;()&lt;/span&gt;
-&lt;span class=&quot;n&quot;&gt;limited_model&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;add&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;layers&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;Dense&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;8&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;input_dim&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;input_size&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;))&lt;/span&gt;
-&lt;span class=&quot;n&quot;&gt;limited_model&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;add&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;layers&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;Dense&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;activation&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&apos;sigmoid&apos;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;))&lt;/span&gt;
-&lt;span class=&quot;n&quot;&gt;limited_model&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nb&quot;&gt;compile&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;optimizer&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&apos;sgd&apos;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;loss&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&apos;mse&apos;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
-&lt;span class=&quot;n&quot;&gt;limited_model&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;fit&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;limited_train_data&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;limited_train_labels&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;batch_size&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;32&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;epochs&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;mi&quot;&gt;10&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
-&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;    &lt;/div&gt;
-
-    &lt;figure class=&quot;ml-li&quot;&gt;&lt;amp-img width=&quot;964&quot; height=&quot;584&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task3-build-and-train-models-2.webp&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;
-     &lt;amp-img fallback=&quot;&quot; width=&quot;964&quot; height=&quot;584&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task3-build-and-train-models-2.png&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;&lt;/amp-img&gt;
-   &lt;/amp-img&gt;&lt;/figure&gt;
-  &lt;/li&gt;
-&lt;/ol&gt;
-
-&lt;ol start=&quot;3&quot;&gt;
-  &lt;li&gt;Run the cells in this section and wait for the finish of model training.&lt;/li&gt;
-&lt;/ol&gt;
-
-&lt;h2 id=&quot;deploy-the-models-to-ai-platform&quot;&gt;Deploy the models to AI Platform&lt;/h2&gt;
-
-&lt;p&gt;Moving on to the &lt;strong&gt;Deploy your models to the AI Platform&lt;/strong&gt; section in the notebook.&lt;/p&gt;
-
-&lt;ol&gt;
-  &lt;li&gt;Replace the values of &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;GCP_PROJECT&lt;/code&gt; and &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;MODEL_BUCKET&lt;/code&gt; with your project ID and a unique bucket name.&lt;/li&gt;
-  &lt;li&gt;
-    &lt;p&gt;Change the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;REGION&lt;/code&gt; to &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;us-west1&lt;/code&gt; (Use the same region of the Notebook instance).&lt;/p&gt;
-
-    &lt;figure class=&quot;ml-li&quot;&gt;&lt;amp-img width=&quot;865&quot; height=&quot;508&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task4-deploy-models-to-ai-platform-1.webp&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;
-     &lt;amp-img fallback=&quot;&quot; width=&quot;865&quot; height=&quot;508&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task4-deploy-models-to-ai-platform-1.jpg&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;&lt;/amp-img&gt;
-   &lt;/amp-img&gt;&lt;/figure&gt;
-  &lt;/li&gt;
-&lt;/ol&gt;
-
-&lt;ol start=&quot;3&quot;&gt;
-  &lt;li&gt;
-    &lt;p&gt;Run those three cells and then confirm the created bucket and the uploaded model files in Cloud Storage.&lt;/p&gt;
-
-    &lt;figure class=&quot;ml-li text-center&quot;&gt;&lt;amp-img width=&quot;510&quot; height=&quot;166&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task3-build-and-train-models-3.webp&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;
-     &lt;amp-img fallback=&quot;&quot; width=&quot;510&quot; height=&quot;166&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task3-build-and-train-models-3.jpg&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;&lt;/amp-img&gt;
-   &lt;/amp-img&gt;&lt;/figure&gt;
-  &lt;/li&gt;
-&lt;/ol&gt;
-
-&lt;h5 id=&quot;create-your-first-ai-platform-model-complete_model&quot;&gt;Create your first AI Platform model: complete_model&lt;/h5&gt;
-
-&lt;figure class=&quot;ml-li text-center&quot;&gt;&lt;amp-img width=&quot;678&quot; height=&quot;251&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task4-deploy-models-to-ai-platform-3.webp&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;
-        &lt;amp-img fallback=&quot;&quot; width=&quot;678&quot; height=&quot;251&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task4-deploy-models-to-ai-platform-3.png&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;&lt;/amp-img&gt;
-      &lt;/amp-img&gt;&lt;figcaption&gt;The specification for creating AI Platform models listed in the notebook&lt;/figcaption&gt;&lt;/figure&gt;
-
-&lt;ol start=&quot;4&quot;&gt;
-  &lt;li&gt;
-    &lt;p&gt;Add the following codes to the notebook cells for your COMPLETE model.&lt;/p&gt;
-
-    &lt;div class=&quot;language-python highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;err&quot;&gt;!&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;gcloud&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;ai&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;platform&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;models&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;create&lt;/span&gt; &lt;span class=&quot;err&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;MODEL_NAME&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;--&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;regions&lt;/span&gt; &lt;span class=&quot;err&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;REGION&lt;/span&gt;
-&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;    &lt;/div&gt;
-
-    &lt;div class=&quot;language-python highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;err&quot;&gt;!&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;gcloud&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;ai&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;platform&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;versions&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;create&lt;/span&gt; &lt;span class=&quot;err&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;VERSION_NAME&lt;/span&gt; \
-&lt;span class=&quot;o&quot;&gt;--&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;model&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;err&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;MODEL_NAME&lt;/span&gt; \
-&lt;span class=&quot;o&quot;&gt;--&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;framework&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&apos;TensorFlow&apos;&lt;/span&gt; \
-&lt;span class=&quot;o&quot;&gt;--&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;runtime&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;version&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;mf&quot;&gt;2.1&lt;/span&gt; \
-&lt;span class=&quot;o&quot;&gt;--&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;origin&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;err&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;MODEL_BUCKET&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;saved_model&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;my_model&lt;/span&gt; \
-&lt;span class=&quot;o&quot;&gt;--&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;staging&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;bucket&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;err&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;MODEL_BUCKET&lt;/span&gt; \
-&lt;span class=&quot;o&quot;&gt;--&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;python&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;version&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;mf&quot;&gt;3.7&lt;/span&gt; \
-&lt;span class=&quot;o&quot;&gt;--&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;project&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;err&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;GCP_PROJECT&lt;/span&gt;
-&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;    &lt;/div&gt;
-
-    &lt;p class=&quot;callout&quot;&gt;&lt;strong&gt;Remark&lt;/strong&gt;: The gcloud ai-platform command group should be &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;versions&lt;/code&gt; rather than &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;version&lt;/code&gt;.&lt;/p&gt;
-
-    &lt;figure class=&quot;ml-li text-center&quot;&gt;&lt;amp-img width=&quot;715&quot; height=&quot;390&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task4-deploy-models-to-ai-platform-1st-model-v2.1.webp&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;
-     &lt;amp-img fallback=&quot;&quot; width=&quot;715&quot; height=&quot;390&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task4-deploy-models-to-ai-platform-1st-model-v2.1.jpg&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;&lt;/amp-img&gt;
-   &lt;/amp-img&gt;&lt;figcaption&gt;Create your first AI Platform model: complete_model&lt;br /&gt;(With params --runtime-version=2.1, --python-version=3.7)&lt;/figcaption&gt;&lt;/figure&gt;
-  &lt;/li&gt;
-&lt;/ol&gt;
-
-&lt;h5 id=&quot;create-your-second-ai-platform-model-limited_model&quot;&gt;Create your second AI Platform model: limited_model&lt;/h5&gt;
-
-&lt;ol start=&quot;5&quot;&gt;
-  &lt;li&gt;
-    &lt;p&gt;Add the following codes to the notebook cells for your LIMITED model.&lt;/p&gt;
-
-    &lt;div class=&quot;language-python highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;err&quot;&gt;!&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;gcloud&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;ai&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;platform&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;models&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;create&lt;/span&gt; &lt;span class=&quot;err&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;LIM_MODEL_NAME&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;--&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;regions&lt;/span&gt; &lt;span class=&quot;err&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;REGION&lt;/span&gt;
-&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;    &lt;/div&gt;
-
-    &lt;div class=&quot;language-python highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;err&quot;&gt;!&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;gcloud&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;ai&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;platform&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;versions&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;create&lt;/span&gt; &lt;span class=&quot;err&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;VERSION_NAME&lt;/span&gt; \
-&lt;span class=&quot;o&quot;&gt;--&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;model&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;err&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;LIM_MODEL_NAME&lt;/span&gt; \
-&lt;span class=&quot;o&quot;&gt;--&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;framework&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&apos;TensorFlow&apos;&lt;/span&gt; \
-&lt;span class=&quot;o&quot;&gt;--&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;runtime&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;version&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;mf&quot;&gt;2.1&lt;/span&gt; \
-&lt;span class=&quot;o&quot;&gt;--&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;origin&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;err&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;MODEL_BUCKET&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;saved_limited_model&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;my_limited_model&lt;/span&gt; \
-&lt;span class=&quot;o&quot;&gt;--&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;staging&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;bucket&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;err&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;MODEL_BUCKET&lt;/span&gt; \
-&lt;span class=&quot;o&quot;&gt;--&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;python&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;version&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;mf&quot;&gt;3.7&lt;/span&gt; \
-&lt;span class=&quot;o&quot;&gt;--&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;project&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;err&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;GCP_PROJECT&lt;/span&gt;
-&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;    &lt;/div&gt;
-
-    &lt;p class=&quot;callout&quot;&gt;&lt;strong&gt;Remark&lt;/strong&gt;: The gcloud ai-platform command group should be &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;versions&lt;/code&gt; rather than &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;version&lt;/code&gt;.&lt;/p&gt;
-
-    &lt;figure class=&quot;ml-li text-center&quot;&gt;&lt;amp-img width=&quot;712&quot; height=&quot;388&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task4-deploy-models-to-ai-platform-2nd-model-v2.1.webp&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;
-     &lt;amp-img fallback=&quot;&quot; width=&quot;712&quot; height=&quot;388&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task4-deploy-models-to-ai-platform-2nd-model-v2.1.png&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;&lt;/amp-img&gt;
-   &lt;/amp-img&gt;&lt;figcaption&gt;Create your second AI Platform model: limited_model&lt;br /&gt;(With params --runtime-version=2.1, --python-version=3.7)&lt;/figcaption&gt;&lt;/figure&gt;
-  &lt;/li&gt;
-&lt;/ol&gt;
-
-&lt;h3 id=&quot;troubleshooting-runtime-version-issue&quot;&gt;Troubleshooting runtime version issue&lt;/h3&gt;
-
-&lt;p&gt;The lab had a serious bug when I was carrying it out on Jun 12, 2020. I couldn’t pass the third checkpoint if set up the AI Platform models according to the lab instruction. The issue seems to be caused by the inconsistencies between the GCP training material and the Qwiklabs marking scheme. While the notebook guided to create the models with runtime version 2.1 and Python 3.7, the checkpoint message specified the required runtime version = 1.14 as shown in the below picture.&lt;/p&gt;
-
-&lt;figure class=&quot;text-center&quot;&gt;&lt;amp-img width=&quot;452&quot; height=&quot;208&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task4-deploy-models-to-ai-platform-error.webp&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;
-        &lt;amp-img fallback=&quot;&quot; width=&quot;452&quot; height=&quot;208&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task4-deploy-models-to-ai-platform-error.png&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;&lt;/amp-img&gt;
-      &lt;/amp-img&gt;&lt;figcaption&gt;Checkpoint requirement for creating your AI Platform models&lt;/figcaption&gt;&lt;/figure&gt;
-
-&lt;p&gt;Unfortunately, it still doesn’t work if you just change the runtime version from 2.1 to 1.14. The runtime version 1.14 must be coupled with Python 3.5, according to the &lt;a href=&quot;https://cloud.google.com/ai-platform/prediction/docs/runtime-version-list#runtime-version-support&quot;&gt;AI Platform Documentation&lt;/a&gt;. Thus, after replacing the runtime and Python version numbers, correspondingly, the codes for creating the AI Platform models should be modified as shown below.&lt;/p&gt;
-
-&lt;figure class=&quot;text-center&quot;&gt;&lt;amp-img width=&quot;675&quot; height=&quot;389&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task4-deploy-models-to-ai-platform-1st-model-v1.14.webp&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;
-        &lt;amp-img fallback=&quot;&quot; width=&quot;675&quot; height=&quot;389&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task4-deploy-models-to-ai-platform-1st-model-v1.14.png&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;&lt;/amp-img&gt;
-      &lt;/amp-img&gt;&lt;figcaption&gt;Create your first AI Platform model: complete_model&lt;br /&gt;(Fixed with --runtime-version=1.14, --python-version=3.5)&lt;/figcaption&gt;&lt;/figure&gt;
-
-&lt;figure class=&quot;text-center&quot;&gt;&lt;amp-img width=&quot;675&quot; height=&quot;389&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task4-deploy-models-to-ai-platform-2nd-model-v1.14.webp&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;
-        &lt;amp-img fallback=&quot;&quot; width=&quot;675&quot; height=&quot;389&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task4-deploy-models-to-ai-platform-2nd-model-v1.14.png&quot; alt=&quot;Image in ☁ Explore Machine Learning Models with Explainable AI: Challenge Lab | logbook&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;&lt;/amp-img&gt;
-      &lt;/amp-img&gt;&lt;figcaption&gt;Create your second AI Platform model: limited_model&lt;br /&gt; (Fixed with --runtime-version=1.14, --python-version=3.5)&lt;/figcaption&gt;&lt;/figure&gt;
-
-&lt;h2 id=&quot;use-the-what-if-tool-to-explore-biases&quot;&gt;Use the What-If Tool to explore biases&lt;/h2&gt;
-
-&lt;p&gt;Run the last cell in the notebook to activate What-If Tool. Explore the differences between the two models and you should be able to get the answers as follows:&lt;/p&gt;
-
-&lt;blockquote&gt;
-  &lt;p&gt;1. In the Performance and Fairness tab, slice by sex (applicant_sex_name_Female). How does the complete model compare to the limited model for females?&lt;/p&gt;
-&lt;/blockquote&gt;
-
-&lt;figure class=&quot;ml-li&quot;&gt;&lt;amp-img width=&quot;399&quot; height=&quot;79&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task5-what-if-ttol-1.webp&quot; alt=&quot;The complete model has equal performance across sexes, whereas the limited model is much worse on females&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;
-        &lt;amp-img fallback=&quot;&quot; width=&quot;399&quot; height=&quot;79&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task5-what-if-ttol-1.png&quot; alt=&quot;The complete model has equal performance across sexes, whereas the limited model is much worse on females&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;&lt;/amp-img&gt;
-      &lt;/amp-img&gt;&lt;/figure&gt;
-
-&lt;blockquote&gt;
-  &lt;p&gt;2. Click on one of the datapoints in the middle of the arc. In the datapoint editor, change (applicant_sex_name_Female) to 0, and (applicant_sex_name_Male) to 1. Now run the inference again. How does the model change?&lt;/p&gt;
-&lt;/blockquote&gt;
-
-&lt;figure class=&quot;ml-li&quot;&gt;&lt;amp-img width=&quot;397&quot; height=&quot;85&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task5-what-if-ttol-2.webp&quot; alt=&quot;The limited model has a significantly larger delta than the complete model, whereas the complete model has almost no change&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;
-        &lt;amp-img fallback=&quot;&quot; width=&quot;397&quot; height=&quot;85&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task5-what-if-ttol-2.png&quot; alt=&quot;The limited model has a significantly larger delta than the complete model, whereas the complete model has almost no change&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;&lt;/amp-img&gt;
-      &lt;/amp-img&gt;&lt;/figure&gt;
-
-&lt;blockquote&gt;
-  &lt;p&gt;3. In the Performance and Fairness tab, use the fairness buttons to see the thresholds for the sexes for demographic parity between males and females. How does this change the thresholds for the limited model?&lt;/p&gt;
-&lt;/blockquote&gt;
-
-&lt;figure class=&quot;ml-li&quot;&gt;&lt;amp-img width=&quot;397&quot; height=&quot;56&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task5-what-if-ttol-3.webp&quot; alt=&quot;The thresholds have to be wildly different for the limited model&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;
-        &lt;amp-img fallback=&quot;&quot; width=&quot;397&quot; height=&quot;56&quot; layout=&quot;intrinsic&quot; src=&quot;/images/posts/qwiklabs/qwiklab-gsp324-task5-what-if-ttol-3.png&quot; alt=&quot;The thresholds have to be wildly different for the limited model&quot; on=&quot;tap:lightbox1&quot; role=&quot;button&quot; tabindex=&quot;0&quot; aria-label=&quot;lightbox&quot;&gt;&lt;/amp-img&gt;
-      &lt;/amp-img&gt;&lt;/figure&gt;
-
-&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
-
-&lt;p&gt;&lt;strong&gt;Congratulations! You completed this challenge lab.&lt;/strong&gt;&lt;/p&gt;
-
-&lt;h2 id=&quot;-demonstration-video&quot;&gt;&lt;i class=&quot;far fa-play-circle&quot;&gt;&lt;/i&gt; Demonstration Video&lt;/h2&gt;
-
-&lt;amp-youtube id=&quot;yt-UzP2pX1qayA&quot; width=&quot;480&quot; height=&quot;270&quot; layout=&quot;responsive&quot; data-videoid=&quot;UzP2pX1qayA&quot; title=&quot;GSP324 Explore Machine Learning Models with Explainable AI: Challenge Lab&quot; data-vars-video-title=&quot;GSP324 Explore Machine Learning Models with Explainable AI: Challenge Lab&quot; data-vars-video-url=&quot;https://www.youtube.com/watch?v=UzP2pX1qayA&quot; data-param-rel=&quot;0&quot;&gt;
-  &lt;div fallback=&quot;&quot;&gt;
-    &lt;p&gt;This browser does not support the YouTube video player. &lt;a href=&quot;https://www.youtube.com/watch?v=UzP2pX1qayA&quot; rel=&quot;noopener&quot; target=&quot;_blank&quot;&gt;Watch on YouTube&lt;/a&gt;&lt;/p&gt;
-  &lt;/div&gt;
-&lt;/amp-youtube&gt;
-
-&lt;div class=&quot;language-conf highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;⏱&lt;span class=&quot;n&quot;&gt;Timestamps&lt;/span&gt;:
-&lt;span class=&quot;m&quot;&gt;00&lt;/span&gt;:&lt;span class=&quot;m&quot;&gt;00&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;Start&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;Lab&lt;/span&gt;
-&lt;span class=&quot;m&quot;&gt;00&lt;/span&gt;:&lt;span class=&quot;m&quot;&gt;35&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;Start&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;a&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;JupyterLab&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;Notebook&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;instance&lt;/span&gt;
-&lt;span class=&quot;m&quot;&gt;03&lt;/span&gt;:&lt;span class=&quot;m&quot;&gt;43&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;Download&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;the&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;Challenge&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;Notebook&lt;/span&gt;
-&lt;span class=&quot;m&quot;&gt;05&lt;/span&gt;:&lt;span class=&quot;m&quot;&gt;38&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;Build&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;and&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;train&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;your&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;models&lt;/span&gt;
-&lt;span class=&quot;m&quot;&gt;21&lt;/span&gt;:&lt;span class=&quot;m&quot;&gt;40&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;Deploy&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;the&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;models&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;to&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;AI&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;Platform&lt;/span&gt; (❌ &lt;span class=&quot;n&quot;&gt;runtime&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;version&lt;/span&gt; = &lt;span class=&quot;m&quot;&gt;2&lt;/span&gt;.&lt;span class=&quot;m&quot;&gt;1&lt;/span&gt;, &lt;span class=&quot;n&quot;&gt;Python&lt;/span&gt; &lt;span class=&quot;m&quot;&gt;3&lt;/span&gt;.&lt;span class=&quot;m&quot;&gt;7&lt;/span&gt; )
-&lt;span class=&quot;m&quot;&gt;37&lt;/span&gt;:&lt;span class=&quot;m&quot;&gt;09&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;Use&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;the&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;What&lt;/span&gt;-&lt;span class=&quot;n&quot;&gt;If&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;Tool&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;to&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;explore&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;biases&lt;/span&gt;
-&lt;span class=&quot;m&quot;&gt;47&lt;/span&gt;:&lt;span class=&quot;m&quot;&gt;18&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;Deploy&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;the&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;models&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;to&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;AI&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;Platform&lt;/span&gt; (✔️&lt;span class=&quot;n&quot;&gt;Troubleshooting&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;runtime&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;version&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;issue&lt;/span&gt;)
-&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;
-
-&lt;p&gt;&lt;strong&gt;Keep on reading&lt;/strong&gt;:&lt;/p&gt;
-
-&lt;ul&gt;
-  &lt;li&gt;&lt;a href=&quot;/blog/qwiklabs/Engineer-Data-in-Google-Cloud-Challenge-Lab&quot;&gt;☁ Engineer Data in Google Cloud: Challenge Lab | logbook&lt;/a&gt;&lt;/li&gt;
-&lt;/ul&gt;
-
-&lt;p&gt;&lt;strong&gt;Useful links&lt;/strong&gt;:&lt;/p&gt;
-
-&lt;ul&gt;
-  &lt;li&gt;&lt;a href=&quot;https://github.com/GoogleCloudPlatform/training-data-analyst/blob/master/quests/dei/what-if-tool-challenge.ipynb&quot;&gt;what-if-tool-challenge.ipynb at mGoogleCloudPlatform/training-data-analyst&lt;/a&gt;&lt;/li&gt;
-  &lt;li&gt;&lt;a href=&quot;https://www.tensorflow.org/api_docs/python/tf/keras/Sequential&quot;&gt;tf.keras.Sequential - TensorFlow Core v2&lt;/a&gt;&lt;/li&gt;
-  &lt;li&gt;&lt;a href=&quot;https://www.tensorflow.org/api_docs/python/tf/keras/layers/Dense&quot;&gt;tf.keras.layers.Dense - TensorFlow Core v2&lt;/a&gt;&lt;/li&gt;
-  &lt;li&gt;&lt;a href=&quot;https://cloud.google.com/sdk/gcloud/reference/ai-platform&quot;&gt;gcloud ai-platform - Google Cloud SDK Documentation&lt;/a&gt;&lt;/li&gt;
-  &lt;li&gt;&lt;a href=&quot;https://pair-code.github.io/what-if-tool/&quot;&gt;What-If Tool&lt;/a&gt;&lt;/li&gt;
-&lt;/ul&gt;
-</description>
-        <pubDate>Mon, 28 Sep 2020 01:25:00 +0800</pubDate>
-        <link>https://chriskyfung.github.io/blog/qwiklabs/Explore-Machine-Learning-Models-with-Explainable-AI-Challenge-Lab</link>
-        <guid isPermaLink="true">https://chriskyfung.github.io/blog/qwiklabs/Explore-Machine-Learning-Models-with-Explainable-AI-Challenge-Lab</guid>
-        
-        <category>Qwiklabs</category>
-        
-        <category>Google Cloud</category>
-        
-        <category>Logbook</category>
-        
-        <category>TensorFlow</category>
-        
-        <category>Data Science</category>
-        
-        <category>Machine Learning</category>
-        
-        
         <category>Cloud</category>
         
       </item>
diff --git a/github-cli-repo-clone-custom-completion/index.html b/github-cli-repo-clone-custom-completion/index.html
new file mode 100644
index 000000000..0e6a3d33d
--- /dev/null
+++ b/github-cli-repo-clone-custom-completion/index.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html><html amp lang="en" i-amphtml-binding i-amphtml-layout i-amphtml-no-boilerplate transformed="self;v=1"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="preload" href="/assets/images/logo-plainSVG.svg" as="image"><link rel="preload" href="https://use.fontawesome.com/releases/v5.13.1/webfonts/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://use.fontawesome.com/releases/v5.13.1/webfonts/fa-regular-400.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://use.fontawesome.com/releases/v5.13.1/webfonts/fa-solid-900.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://chriskyfung.github.io/amp-affiliately-jekyll-theme/assets/images/b8d82a619c.png" as="image"><link rel="preload" href="/images/posts/coding/gh-repo-clone-custom-completion-cover.webp" as="image" type="image/webp"><meta name="generator" content="Jekyll v4.2.2"><meta property="og:title" content="Speed Up GitHub CLI: Custom Completion for ‘gh repo clone’ Command"><meta name="author" content="Chris KY Fung"><meta property="og:locale" content="en_US"><meta name="description" content="Learn how to supercharge your GitHub CLI experience with custom bash completion for the ‘gh repo clone’ command. Includes step-by-step setup and practical examples."><meta property="og:description" content="Learn how to supercharge your GitHub CLI experience with custom bash completion for the ‘gh repo clone’ command. Includes step-by-step setup and practical examples."><meta property="og:url" content="https://chriskyfung.github.io/github-cli-repo-clone-custom-completion/"><meta property="og:site_name" content="Chris KY FUNG’s Blog"><meta property="og:image" content="https://chriskyfung.github.io/images/posts/coding/gh-repo-clone-custom-completion-cover.jpg"><meta property="og:image:height" content="431"><meta property="og:image:width" content="730"><meta property="og:type" content="article"><meta property="article:published_time" content="2024-12-27T15:12:00+08:00"><meta name="twitter:card" content="summary_large_image"><meta property="twitter:image" content="https://chriskyfung.github.io/images/posts/coding/gh-repo-clone-custom-completion-cover.jpg"><meta property="twitter:title" content="Speed Up GitHub CLI: Custom Completion for ‘gh repo clone’ Command"><meta name="google-site-verification" content="WvB_kR1tvqtLYj1YxGXkQp6X-ue8FgK5kfQOB2K8cZA"><style amp-runtime i-amphtml-version="012410292120000">html{overflow-x:hidden!important}html.i-amphtml-fie{height:100%!important;width:100%!important}html:not([amp4ads]),html:not([amp4ads]) body{height:auto!important}html:not([amp4ads]) body{margin:0!important}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}html.i-amphtml-singledoc.i-amphtml-embedded{-ms-touch-action:pan-y pinch-zoom;touch-action:pan-y pinch-zoom}html.i-amphtml-fie>body,html.i-amphtml-singledoc>body{overflow:visible!important}html.i-amphtml-fie:not(.i-amphtml-inabox)>body,html.i-amphtml-singledoc:not(.i-amphtml-inabox)>body{position:relative!important}html.i-amphtml-ios-embed-legacy>body{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important}html.i-amphtml-ios-embed{overflow-y:auto!important;position:static}#i-amphtml-wrapper{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;display:block!important}html.i-amphtml-ios-embed.i-amphtml-ios-overscroll,html.i-amphtml-ios-embed.i-amphtml-ios-overscroll>#i-amphtml-wrapper{-webkit-overflow-scrolling:touch!important}#i-amphtml-wrapper>body{position:relative!important;border-top:1px solid transparent!important}#i-amphtml-wrapper+body{visibility:visible}#i-amphtml-wrapper+body .i-amphtml-lightbox-element,#i-amphtml-wrapper+body[i-amphtml-lightbox]{visibility:hidden}#i-amphtml-wrapper+body[i-amphtml-lightbox] .i-amphtml-lightbox-element{visibility:visible}#i-amphtml-wrapper.i-amphtml-scroll-disabled,.i-amphtml-scroll-disabled{overflow-x:hidden!important;overflow-y:hidden!important}amp-instagram{padding:54px 0px 0px!important;background-color:#fff}amp-iframe iframe{box-sizing:border-box!important}[amp-access][amp-access-hide]{display:none}[subscriptions-dialog],body:not(.i-amphtml-subs-ready) [subscriptions-action],body:not(.i-amphtml-subs-ready) [subscriptions-section]{display:none!important}amp-experiment,amp-live-list>[update]{display:none}amp-list[resizable-children]>.i-amphtml-loading-container.amp-hidden{display:none!important}amp-list [fetch-error],amp-list[load-more] [load-more-button],amp-list[load-more] [load-more-end],amp-list[load-more] [load-more-failed],amp-list[load-more] [load-more-loading]{display:none}amp-list[diffable] div[role=list]{display:block}amp-story-page,amp-story[standalone]{min-height:1px!important;display:block!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;width:100%!important}amp-story[standalone]{background-color:#000!important;position:relative!important}amp-story-page{background-color:#757575}amp-story .amp-active>div,amp-story .i-amphtml-loader-background{display:none!important}amp-story-page:not(:first-of-type):not([distance]):not([active]){transform:translateY(1000vh)!important}amp-autocomplete{position:relative!important;display:inline-block!important}amp-autocomplete>input,amp-autocomplete>textarea{padding:0.5rem;border:1px solid rgba(0,0,0,.33)}.i-amphtml-autocomplete-results,amp-autocomplete>input,amp-autocomplete>textarea{font-size:1rem;line-height:1.5rem}[amp-fx^=fly-in]{visibility:hidden}amp-script[nodom],amp-script[sandboxed]{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden}
+/*# sourceURL=/css/ampdoc.css*/[hidden]{display:none!important}.i-amphtml-element{display:inline-block}.i-amphtml-blurry-placeholder{transition:opacity 0.3s cubic-bezier(0.0,0.0,0.2,1)!important;pointer-events:none}[layout=nodisplay]:not(.i-amphtml-element){display:none!important}.i-amphtml-layout-fixed,[layout=fixed][width][height]:not(.i-amphtml-layout-fixed){display:inline-block;position:relative}.i-amphtml-layout-responsive,[layout=responsive][width][height]:not(.i-amphtml-layout-responsive),[width][height][heights]:not([layout]):not(.i-amphtml-layout-responsive),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-layout-responsive){display:block;position:relative}.i-amphtml-layout-intrinsic,[layout=intrinsic][width][height]:not(.i-amphtml-layout-intrinsic){display:inline-block;position:relative;max-width:100%}.i-amphtml-layout-intrinsic .i-amphtml-sizer{max-width:100%}.i-amphtml-intrinsic-sizer{max-width:100%;display:block!important}.i-amphtml-layout-container,.i-amphtml-layout-fixed-height,[layout=container],[layout=fixed-height][height]:not(.i-amphtml-layout-fixed-height){display:block;position:relative}.i-amphtml-layout-fill,.i-amphtml-layout-fill.i-amphtml-notbuilt,[layout=fill]:not(.i-amphtml-layout-fill),body noscript>*{display:block;overflow:hidden!important;position:absolute;top:0;left:0;bottom:0;right:0}body noscript>*{position:absolute!important;width:100%;height:100%;z-index:2}body noscript{display:inline!important}.i-amphtml-layout-flex-item,[layout=flex-item]:not(.i-amphtml-layout-flex-item){display:block;position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.i-amphtml-layout-fluid{position:relative}.i-amphtml-layout-size-defined{overflow:hidden!important}.i-amphtml-layout-awaiting-size{position:absolute!important;top:auto!important;bottom:auto!important}i-amphtml-sizer{display:block!important}@supports (aspect-ratio:1/1){i-amphtml-sizer.i-amphtml-disable-ar{display:none!important}}.i-amphtml-blurry-placeholder,.i-amphtml-fill-content{display:block;height:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;margin:auto}.i-amphtml-layout-size-defined .i-amphtml-fill-content{position:absolute;top:0;left:0;bottom:0;right:0}.i-amphtml-replaced-content,.i-amphtml-screen-reader{padding:0!important;border:none!important}.i-amphtml-screen-reader{position:fixed!important;top:0px!important;left:0px!important;width:4px!important;height:4px!important;opacity:0!important;overflow:hidden!important;margin:0!important;display:block!important;visibility:visible!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:8px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:12px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:16px!important}.i-amphtml-unresolved{position:relative;overflow:hidden!important}.i-amphtml-select-disabled{-webkit-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.i-amphtml-notbuilt,[layout]:not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element){position:relative;overflow:hidden!important;color:transparent!important}.i-amphtml-notbuilt:not(.i-amphtml-layout-container)>*,[layout]:not([layout=container]):not(.i-amphtml-element)>*,[width][height][heights]:not([layout]):not(.i-amphtml-element)>*,[width][height][sizes]:not([layout]):not(.i-amphtml-element)>*{display:none}amp-img:not(.i-amphtml-element)[i-amphtml-ssr]>img.i-amphtml-fill-content{display:block}.i-amphtml-notbuilt:not(.i-amphtml-layout-container),[layout]:not([layout=container]):not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element){color:transparent!important;line-height:0!important}.i-amphtml-ghost{visibility:hidden!important}.i-amphtml-element>[placeholder],[layout]:not(.i-amphtml-element)>[placeholder],[width][height][heights]:not([layout]):not(.i-amphtml-element)>[placeholder],[width][height][sizes]:not([layout]):not(.i-amphtml-element)>[placeholder]{display:block;line-height:normal}.i-amphtml-element>[placeholder].amp-hidden,.i-amphtml-element>[placeholder].hidden{visibility:hidden}.i-amphtml-element:not(.amp-notsupported)>[fallback],.i-amphtml-layout-container>[placeholder].amp-hidden,.i-amphtml-layout-container>[placeholder].hidden{display:none}.i-amphtml-layout-size-defined>[fallback],.i-amphtml-layout-size-defined>[placeholder]{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:1}amp-img[i-amphtml-ssr]:not(.i-amphtml-element)>[placeholder]{z-index:auto}.i-amphtml-notbuilt>[placeholder]{display:block!important}.i-amphtml-hidden-by-media-query{display:none!important}.i-amphtml-element-error{background:red!important;color:#fff!important;position:relative!important}.i-amphtml-element-error:before{content:attr(error-message)}i-amp-scroll-container,i-amphtml-scroll-container{position:absolute;top:0;left:0;right:0;bottom:0;display:block}i-amp-scroll-container.amp-active,i-amphtml-scroll-container.amp-active{overflow:auto;-webkit-overflow-scrolling:touch}.i-amphtml-loading-container{display:block!important;pointer-events:none;z-index:1}.i-amphtml-notbuilt>.i-amphtml-loading-container{display:block!important}.i-amphtml-loading-container.amp-hidden{visibility:hidden}.i-amphtml-element>[overflow]{cursor:pointer;position:relative;z-index:2;visibility:hidden;display:initial;line-height:normal}.i-amphtml-layout-size-defined>[overflow]{position:absolute}.i-amphtml-element>[overflow].amp-visible{visibility:visible}template{display:none!important}.amp-border-box,.amp-border-box *,.amp-border-box :after,.amp-border-box :before{box-sizing:border-box}amp-pixel{display:none!important}amp-analytics,amp-auto-ads,amp-story-auto-ads{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden}amp-story{visibility:hidden!important}html.i-amphtml-fie>amp-analytics{position:initial!important}[visible-when-invalid]:not(.visible),form [submit-error],form [submit-success],form [submitting]{display:none}amp-accordion{display:block!important}@media (min-width:1px){:where(amp-accordion>section)>:first-child{margin:0;background-color:#efefef;padding-right:20px;border:1px solid #dfdfdf}:where(amp-accordion>section)>:last-child{margin:0}}amp-accordion>section{float:none!important}amp-accordion>section>*{float:none!important;display:block!important;overflow:hidden!important;position:relative!important}amp-accordion,amp-accordion>section{margin:0}amp-accordion:not(.i-amphtml-built)>section>:last-child{display:none!important}amp-accordion:not(.i-amphtml-built)>section[expanded]>:last-child{display:block!important}
+/*# sourceURL=/css/ampshared.css*/</style><script async src="https://cdn.ampproject.org/v0.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0.js" crossorigin="anonymous"></script><script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-ad-0.1.js" crossorigin="anonymous" custom-element="amp-ad"></script><script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js" crossorigin="anonymous" custom-element="amp-analytics"></script><script async custom-element="amp-auto-ads" src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js" crossorigin="anonymous" custom-element="amp-auto-ads"></script><script async custom-element="amp-autocomplete" src="https://cdn.ampproject.org/v0/amp-autocomplete-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-autocomplete-0.1.js" crossorigin="anonymous" custom-element="amp-autocomplete"></script><script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-bind-0.1.js" crossorigin="anonymous" custom-element="amp-bind"></script><script async custom-element="amp-consent" src="https://cdn.ampproject.org/v0/amp-consent-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-consent-0.1.js" crossorigin="anonymous" custom-element="amp-consent"></script><script async custom-element="amp-font" src="https://cdn.ampproject.org/v0/amp-font-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-font-0.1.js" crossorigin="anonymous" custom-element="amp-font"></script><script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-form-0.1.js" crossorigin="anonymous" custom-element="amp-form"></script><script async custom-element="amp-fx-collection" src="https://cdn.ampproject.org/v0/amp-fx-collection-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js" crossorigin="anonymous" custom-element="amp-fx-collection"></script><script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js" crossorigin="anonymous" custom-element="amp-iframe"></script><script async custom-element="amp-image-lightbox" src="https://cdn.ampproject.org/v0/amp-image-lightbox-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-image-lightbox-0.1.js" crossorigin="anonymous" custom-element="amp-image-lightbox"></script><script async custom-element="amp-lightbox" src="https://cdn.ampproject.org/v0/amp-lightbox-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-lightbox-0.1.js" crossorigin="anonymous" custom-element="amp-lightbox"></script><script async custom-element="amp-script" src="https://cdn.ampproject.org/v0/amp-script-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-script-0.1.js" crossorigin="anonymous" custom-element="amp-script"></script><link rel="icon" href="/assets/images/favicon_96x96.png"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.1/css/all.css" crossorigin><title>Speed Up GitHub CLI: Custom Completion for ‘gh repo clone’ Command | Chris KY FUNG’s Blog</title><link rel="canonical" href="https://chriskyfung.github.io/github-cli-repo-clone-custom-completion/"><script type="application/ld+json">{"@context":"https://schema.org","@type":"BlogPosting","author":{"@type":"Person","name":"Chris KY Fung"},"dateModified":"2024-12-27T15:12:00+08:00","datePublished":"2024-12-27T15:12:00+08:00","description":"Learn how to supercharge your GitHub CLI experience with custom bash completion for the ‘gh repo clone’ command. Includes step-by-step setup and practical examples.","headline":"Speed Up GitHub CLI: Custom Completion for ‘gh repo clone’ Command","image":{"width":"730","height":"431","url":"https://chriskyfung.github.io/images/posts/coding/gh-repo-clone-custom-completion-cover.jpg","@type":"imageObject"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://chriskyfung.github.io/github-cli-repo-clone-custom-completion/"},"publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://chriskyfung.github.io/assets/images/logo-plainSVG.svg"},"name":"Chris KY Fung"},"url":"https://chriskyfung.github.io/github-cli-repo-clone-custom-completion/"}</script><link rel="preconnect dns-prefetch" href="https://www.googletagmanager.com" crossorigin><link rel="preconnect dns-prefetch" href="https://fonts.gstatic.com/" crossorigin><style amp-custom>html{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#292b2c;background-color:#fff}article,aside,figcaption,figure,footer,header,main,nav,section{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible;margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}kbd,samp{font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#0275d8;text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:100%;margin:0}optgroup{line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}textarea{overflow:auto}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}dl,ol,p,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-left:0}blockquote,figure{margin:0 0 1rem}img{vertical-align:middle}[role=button],a,area,button,input,label,select,summary,textarea{cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse;background-color:transparent}caption{padding-top:.75rem;padding-bottom:.75rem;color:#636c72;caption-side:bottom}caption,th{text-align:left}dd,label{margin-bottom:.5rem}label{display:inline-block}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,select,textarea{line-height:inherit}.lead{font-size:1.25rem;font-weight:300}.small,small{font-size:80%;font-weight:400}.blockquote{padding:.5rem 1rem;margin-bottom:1rem;font-size:1.25rem;border-left:.25rem solid #eceeef}.img-fluid{max-width:100%;height:auto}.figure{display:inline-block}.figure-caption{font-size:90%;color:#636c72}code,pre{font-size:90%}code{padding:.2rem .4rem;color:#bd4147;background-color:#f7f7f9;border-radius:.25rem}a>code,pre code{padding:0;color:inherit;background-color:inherit}pre{display:block;margin-top:0;margin-bottom:1rem;color:#292b2c}pre code{font-size:inherit;background-color:transparent;border-radius:0}.container{position:relative;margin-left:auto;margin-right:auto;padding-right:15px;padding-left:15px}@media (min-width:576px){.container{padding-right:15px;padding-left:15px}}@media (min-width:768px){.container{padding-right:15px;padding-left:15px}}@media (min-width:992px){.container{padding-right:15px;padding-left:15px}}@media (min-width:1200px){.container{padding-right:15px;padding-left:15px}}.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto{-webkit-box-flex:0}.col-1{-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width:576px){.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-sm-3,.col-sm-4,.col-sm-6,.col-sm-8{-webkit-box-flex:0}.col-sm-3{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-8{-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-4{-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}}.table{width:100%;max-width:100%;margin-bottom:1rem}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #eceeef}.table thead th{vertical-align:bottom;border-bottom:2px solid #eceeef}.form-control{display:block;width:100%;padding:.5rem .75rem;font-size:1rem;line-height:1.25;color:#464a4c;background-color:#fff;background-image:none;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#464a4c;background-color:#fff;border-color:#5cb3fd;outline:0}.form-control::-webkit-input-placeholder{color:#636c72;opacity:1}.form-control::-moz-placeholder{color:#636c72;opacity:1}.form-control:-ms-input-placeholder{color:#636c72;opacity:1}.form-control::placeholder{color:#636c72;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#eceeef;opacity:1}.form-control:disabled{cursor:not-allowed}select.form-control:focus::-ms-value{color:#464a4c;background-color:#fff}.form-group{margin-bottom:1rem}.btn{display:inline-block;font-weight:400;line-height:1.25;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.5rem 1rem;font-size:1rem;border-radius:.25rem;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.btn:focus,.btn:hover{text-decoration:none}.btn:focus{-webkit-box-shadow:0 0 0 2px rgba(2,117,216,.25);box-shadow:0 0 0 2px rgba(2,117,216,.25)}.btn:disabled{cursor:not-allowed;opacity:.65}.btn:active{background-image:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-primary:focus{-webkit-box-shadow:0 0 0 2px rgba(2,117,216,.5);box-shadow:0 0 0 2px rgba(2,117,216,.5)}.btn-primary:disabled{background-color:#0275d8;border-color:#0275d8}.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#025aa5;background-image:none;border-color:#01549b}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-group-lg>.btn,.btn-lg{padding:.75rem 1.5rem;font-size:1.25rem}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.show{opacity:1}.collapse{display:none}.collapse.show{display:block}.collapsing{height:0;overflow:hidden;-webkit-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.collapsing,.dropdown,.dropup{position:relative}.dropdown-toggle:after{display:inline-block;width:0;height:0;margin-left:.3em;vertical-align:middle;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-left:.3em solid transparent}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#292b2c;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-item{padding:3px 1.5rem;clear:both;font-weight:400;color:#292b2c;text-align:inherit;white-space:nowrap;background:0 0;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#1d1e1f;text-decoration:none;background-color:#f7f7f9}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0275d8}.nav-link{display:block;padding:.5em 1em}.nav-link:focus,.nav-link:hover{text-decoration:none}.navbar{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:.5rem 1rem}.navbar-brand{display:inline-block;padding-top:.25rem;padding-bottom:.25rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav,.navbar-nav .row{list-style:none}.navbar-toggler{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;padding:.25rem .75rem;font-size:1.25rem;line-height:1;background:0 0;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat 50%;-webkit-background-size:100% 100%;background-size:100% 100%}@media (max-width:991px){.navbar-toggleable-md .navbar-nav .dropdown-menu{position:static;float:none}.navbar-toggleable-md>.container{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-toggleable-md,.navbar-toggleable-md .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.navbar-toggleable-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-toggleable-md,.navbar-toggleable-md>.container{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.navbar-toggleable-md .navbar-collapse,.navbar-toggleable-md>.container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.navbar-toggleable-md .navbar-collapse{width:100%}.navbar-toggleable-md .navbar-toggler{display:none}}.navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover,.navbar-light .navbar-toggler,.navbar-light .navbar-toggler:focus,.navbar-light .navbar-toggler:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-toggler{border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, .5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}.card{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#fff;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card-block{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.alert,.pagination{border-radius:.25rem}.pagination{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-left:0;list-style:none}.alert{padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.75}button.close{padding:0;background:0 0;border:0;-webkit-appearance:none}.modal-open,.model{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out;-webkit-transform:translateY(-25%);-o-transform:translateY(-25%);transform:translateY(-25%)}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:15px;border-bottom:1px solid #eceeef}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;padding:15px}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:30px auto}}.clearfix:after{display:block;content:"";clear:both}.justify-content-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media (min-width:992px){.float-lg-left{float:left}.float-lg-right{float:right}.float-lg-none{float:none}}.mr-2{margin-right:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.p-0{padding:0}.pt-3{padding-top:1rem}.ml-auto{margin-left:auto}.pr-lg-3{padding-right:1rem}.text-center{text-align:center}body,pre{font-display:swap}body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;overflow-x:hidden}.mainheading{padding:0 0 1rem}a{color:#6fd350}a,a:hover{transition:all .2s}pre{-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 1.75em;border:1px solid #e3edf3;width:100%;padding:10px;font-size:14px;white-space:pre;overflow:auto;background:#f7fafb;border-radius:3px;line-height:1.3}.mediumnavigation{background:#fff;transition:top .5s ease-in-out;padding:1.5rem 1rem;box-shadow:0 10px 40px 0 rgba(0,0,0,.05)}.navbar-toggler-right{position:absolute;right:-2%;top:0}.nav-up{box-shadow:none}.site-content{padding-top:2rem;margin-top:57px;transition:all .4s}section{margin-bottom:20px}section.featured-posts{margin-bottom:30px}section.recent-posts{margin-bottom:0}.section-title h2{font-weight:700;font-size:1.4rem;margin-bottom:27px;position:relative}.section-title h2:before{margin-bottom:0;position:absolute;z-index:1;left:15px;right:0;top:12px;height:1px;content:"";background-color:#f5f5f5}.section-title span{background-color:#fff;position:relative;z-index:2;display:inline-block;padding:0 15px 0 0;font-size:14px;text-transform:uppercase;letter-spacing:1px}.layout-page .section-title span{font-size:2rem;text-transform:none;letter-spacing:0}.layout-page .section-title h2:before{top:17px}.article-post ol,.article-post ul{margin-bottom:1.5rem}.prevnextlinks .thepostlink{padding:20px 0;font-size:17px;display:block;color:#111;font-weight:500}.prevnextlinks{border-top:1px solid #eee;border-bottom:1px solid #eee;margin-left:0;margin-right:0}.prevnextlinks .rightborder{border-right:1px solid #eee}.navbar-toggleable-md .navbar-nav .nav-link.highlight{background:#6fd350;color:#fff;border-radius:4px;box-shadow:0 6px 10px 0 rgba(0,0,0,.1);padding-left:1em;padding-right:1em}.navbar-toggler{z-index:9999}.navbar-toggleable-md .navbar-nav .nav-link{color:#333;font-size:.94em;font-weight:500;letter-spacing:1px;margin-left:0;margin-top:10px;text-transform:uppercase}.mediumnavigation .dropdown-menu{margin:0 0 15px;box-shadow:none;border:0}.card-columns .card{margin-bottom:20px}.listfeaturedtag .wrapmeta,.listfeaturedtag .wrapthumbnail{position:relative;width:100%;min-height:1px;max-width:100%;-webkit-box-flex:0;-webkit-flex:100%;-ms-flex:100%;flex:100%}.listfeaturedtag .wrapthumbnail{padding:0 15px}.listfeaturedtag .wrapmeta{padding:0}.listfeaturedtag .wrapthumbnail{height:250px}.listfeaturedtag .card{border:0;border-radius:2px;height:calc(100% - 15px);padding-left:0;margin-bottom:15px;box-shadow:1px 2px 14px 0 rgba(0,0,0,.2)}.listfeaturedtag .card-block{padding:20px 20px 50px}.listfeaturedtag .thumbnail{background-size:cover;height:100%;display:block;background-position:38% 22%;background-origin:border-box;border-top-left-radius:2px}.listfeaturedtag .card-title,.listrecent .card-title{font-size:1.3rem;font-weight:500;line-height:1.25}.listfeaturedtag .card-title a,.listrecent .card-title a{color:#111;font-weight:500}.listfeaturedtag .card-title a:hover,.listrecent .card-title a:hover{color:rgba(0,0,0,.6);text-decoration:none}.card-text{color:#666;font-size:.95rem;line-height:1.8;font-weight:400}.listfeaturedtag .wrapfooter{position:absolute;font-size:12px;display:block;width:100%;left:0;right:0;bottom:-15px;margin:auto;padding:0 20px}.listrecent{width:100%}.listrecent .wrapfooter{font-size:12px;margin-top:30px}.author-thumb{width:40px;height:40px;float:left;margin-right:13px;border-radius:100%}.intro h2,.post-top-meta{margin-bottom:1rem;margin-top:3rem}.post-top-meta span{font-size:.9rem;color:rgba(0,0,0,.44)}.post-top-meta .author-thumb{width:72px;height:72px}.post-top-meta.authorpage .author-thumb{margin-top:40px}.post-top-meta .author-description{margin-bottom:5px;margin-top:10px;font-size:.95rem}.author-meta{flex:1 1 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.alertbar form,.bottompagination span.navigation i,.post-top-meta span,.share ul li,div.post-date,span.author-meta,span.post-name{display:inline-block}div.post-date,span.post-read{color:#75748a;margin:7px 0}.share ul li i.fa,span.post-read-more a{width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%}span.post-read-more a{color:#75748a;align-items:center;float:right;border:1px solid #d0d0d0}span.post-name a,span.post-read-more a:hover{color:rgba(0,0,0,.8)}.dot:after{content:"\00b7";margin-left:3px;margin-right:3px}.mainheading h1.sitetitle{font-family:Georgia,Times New Roman,Times,serif;font-display:swap}.mainheading h1.posttitle{font-weight:700;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.intro{background-image:url(https://chriskyfung.github.io/amp-affiliately-jekyll-theme/assets/images/head.svg);background-size:contain;margin-top:-87px;margin-bottom:3.5rem;padding:3rem 0;position:relative;z-index:1}.intro .btn{background:#fff100;border:0;color:#333;border-radius:3px;font-weight:500;padding:15px 40px;box-shadow:0 6px 10px 0 rgba(0,0,0,.1);text-transform:uppercase;font-size:13px;letter-spacing:1px}.intro h1{font-weight:700}.intro h2{margin-top:1rem;color:#888;line-height:1.6}.wrapintro{background:rgba(211,201,255,.871);max-width:90%;width:700px;margin:0 auto;padding:2rem 1rem;text-align:center}.article-post,.link-dark{color:rgba(0,0,0,.8)}.article-post{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:1.1rem;line-height:1.8}.article-post a{color:inherit;text-decoration:none;box-shadow:inset 0 -2px 0 #ffe51f,0 2px 0 #ffe51f}.article-post a:hover{box-shadow:inset 0 -30px 0 #ffe51f,0 2px 0 #ffe51f;text-decoration:none}blockquote{border-left:4px solid #6fd350;padding:0 20px;font-style:italic;color:rgba(0,0,0,.5)}.article-post blockquote,.article-post p{margin:0 0 1.5rem}.featured-image{display:block;margin-bottom:2rem}.featured-image[fallback]{margin-bottom:0}.article-post amp-iframe,.article-post amp-img,.featured-image{box-shadow:0 6px 10px 0 rgba(0,0,0,.1)}.article-post p iframe{margin-bottom:.5rem}.share{text-align:center;display:none}.share p{margin-bottom:10px;font-size:.95rem}.share ul li{margin-bottom:9px}.share ul{padding-left:0;margin-left:0}.share ul li i.fa{border:1px solid #ddd}.svgIcon{vertical-align:middle}.full-width{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.share,.share a{color:rgba(0,0,0,.44);fill:rgba(0,0,0,.44)}.graybg{background-color:#fafafa;padding:40px 0 46px;position:relative}.listrecent .card{border-radius:4px;margin-bottom:30px;box-shadow:0 0 1px 0 rgba(0,0,0,.14);border:0}.card .img-thumb{border-top-right-radius:4px;border-top-left-radius:4px}.margtop3rem{margin-top:3rem}.sep{height:1px;width:20px;background:#999;margin:0 auto 1.2rem}.btn,.btn-group-lg>.btn,.btn-lg{border-radius:.3rem;font-size:15px}.btn{box-shadow:0 6px 10px 0 rgba(0,0,0,.1);font-weight:500;cursor:pointer}.btn,a.btn{color:#fff}.btn-group-lg>.btn,.btn-lg{padding:1rem 2rem}.btn-primary{background-color:#675bff;border-color:#483aff}.btn-primary:hover{background-color:#483aff;border-color:#372cd8}.btn.follow{border-color:#6fd350;color:#6fd350;padding:3px 10px;text-align:center;border-radius:999em;font-size:.85rem;display:inline-block;box-shadow:none;font-weight:400}.btn.subscribe{border-color:#1c9963;border-radius:30px;margin-left:10px;text-transform:uppercase}.post-top-meta .btn.follow{margin-left:5px;margin-top:-4px}.alertbar{box-shadow:0 -3px 10px 0 rgba(0,0,0,.0785);position:fixed;bottom:0;left:0;background-color:#fff;width:100%;padding:14px 0;z-index:1;display:none}.alertbar input[type=email]{font-size:.85rem;padding:3px 5px 3px 10px;border-top-left-radius:3px;border-bottom-left-radius:3px;border:1px solid #ddd;border-right:0;margin-right:-10px;height:34px;letter-spacing:.5px;margin-left:5px}.alertbar input[type=submit],.btn.subscribe{background-color:#1c9963;color:#fff;fill:#fff;font-size:.85rem;font-weight:600}.alertbar input[type=submit]{border:1px solid #1c9963;border-radius:0;padding:4px 10px;border-top-right-radius:3px;border-bottom-right-radius:3px;height:34px;letter-spacing:.5px;cursor:pointer}.form-control::-webkit-input-placeholder{color:rgba(0,0,0,.5)}.form-control::-moz-placeholder{color:rgba(0,0,0,.5)}.form-control:-ms-input-placeholder{color:rgba(0,0,0,.5)}.form-control::-ms-input-placeholder{color:rgba(0,0,0,.5)}.form-control{border:1px solid #eee;border-radius:0}.authorpage h1{font-weight:700;font-size:30px}.post-top-meta.authorpage .author-thumb{float:none}.authorpage .author-description{font-size:1rem;color:rgba(0,0,0,.6)}.post-top-meta.authorpage,.sociallinks a,span.navigation{text-align:center}.post-top-meta.authorpage .btn.follow{padding:7px 20px;margin-top:10px;margin-left:0;font-size:.9rem}.graybg.authorpage{border-top:1px solid #f0f0f0}.authorpostbox{width:760px;margin:0 auto 1.5rem;max-width:100%}.authorpostbox .img-thumb{width:100%}.sociallinks{margin:1rem 0}.sociallinks a{background:#666;color:#fff;width:22px;height:22px;display:inline-block;line-height:22px;border-radius:50%;font-size:12px}#comments{margin-top:3rem;margin-bottom:1.5rem}#mc_embed_signup .mc-field-group input{text-indent:5%}#mc_embed_signup{font-family:inherit}h1,h2,h3,h4,h5,h6{color:inherit;font-weight:500;line-height:1.4;margin-top:0;margin-bottom:.5rem}.article-post h1,.article-post h2,.article-post h3,.article-post h4,.article-post h5,.article-post h6{margin-top:2rem;margin-bottom:1rem}.article-post img.shadow{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.3);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.3);box-shadow:0 0 10px 0 rgba(0,0,0,.3)}img{height:auto}.bottompagination span.navigation a{background:#fff100;color:#333;padding:5px;border-radius:3px;text-transform:none;font-weight:500;letter-spacing:0;min-width:100px;display:inline-block}.pointerup{margin-bottom:-18px;margin-left:49%;font-size:30px}.pointerup i.fa{color:#eaeaea}span.navigation{display:block;font-size:.93rem;font-weight:700;position:relative}span.navigation:before{margin-bottom:0;position:absolute;z-index:1;left:0;right:0;top:12px;height:1px;content:"";background-color:#eee}.pagination{display:inline-block;background:#fff;z-index:1;position:relative;padding:0 20px;font-size:13px;letter-spacing:.5px;font-weight:500;text-transform:uppercase}iframe,img{max-width:100%}.mediumnavigation .form-control{font-size:.8rem;border-radius:30px;overflow:hidden;border:1px solid rgba(0,0,0,.04)}.mediumnavigation .form-inline{margin-left:15px}.mediumnavigation .form-inline .btn{margin-left:-50px;border:0;border-radius:30px;cursor:pointer}.mediumnavigation .form-inline .btn:active,.mediumnavigation .form-inline .btn:hover{background:0 0;color:green}.mediumnavigation .navbar-brand{font-weight:500;padding:0}.dropdown-item{display:block;width:100%;padding:7px 1.5rem}.dropdown-menu,.mediumnavigation .nav-item{font-size:.9rem}.dropdown-menu{display:none;overflow:auto;z-index:1}.dropdown-toggle:focus~.dropdown-menu,.dropdown:hover .dropdown-menu{display:block}.dropdown:focus-within .dropdown-menu{display:block}.mediumnavigation .search-icon{margin-left:-40px;display:inline-block;margin-top:3px;cursor:pointer}.mediumnavigation .navbar-brand img{margin-right:7px;vertical-align:text-bottom;max-width:none}.navbar-collapse{border-top:1px solid #ddd}.navbar-btngroup{flex-wrap:nowrap;justify-content:right;list-style:none;margin-bottom:0;padding-left:0}.navbar-btngroup .btn{margin-left:.5rem}.navbar-nav{max-height:60vh;overflow:auto}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030;overflow:hidden}.fixed-top:focus,.fixed-top:hover{overflow-x:visible;overflow-y:visible}.fixed-top:focus-within{overflow-x:visible;overflow-y:visible}.scrollbar-thin{scrollbar-width:thin}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:#eee;border-radius:0 3px 3px 0}.scrollbar-thin::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#888}.searchbox{display:inline;width:calc(100% - 86px)}:root{--space-2:1rem;--space-3:1.5rem}#consent-ui,#consent-ui .container{background:#fff;font-size:.9rem;transition:right .3s ease}#consent-ui h2{display:flex;align-items:center;color:#675bff;font-size:1.6rem;column-gap:.9rem}#consent-ui .description{margin:.6rem auto .9rem}#consent-ui .description p{color:#333}#consent-ui a{color:#675bff}#consent-ui a:hover{color:#483aff;text-decoration:underline}#consent-ui .buttons{max-width:100%;width:300px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem}#consent-ui .button{background-color:#fff;color:#483aff;padding:8px 16px;border:2px solid #675bff;border-radius:4px;cursor:pointer;min-width:max(140px,calc(100% / 2 - 10px));transition:all .2s ease}#consent-ui .button:hover{background-color:#483aff;color:#fff}#consent-ui .button.fill{border:none;background:#675bff;color:#fff}#consent-ui .button.fill:hover{background-color:#483aff}#cookie-consent-banner{padding:.9rem 1.5rem .1rem;display:flex;flex-wrap:wrap;justify-content:space-evenly;column-gap:.9rem}#cookie-consent-banner header{max-width:768px;min-width:min(375px,100%);width:calc(100% - 320px)}#cookie-consent-banner h2{font-size:1.25rem;column-gap:.5rem}#cookie-preference-modal{position:fixed;top:50%;left:50%;max-width:345px;width:100%;border-radius:8px;padding:1.25rem 1.5rem 1.75rem;transform:translate(-50%,-50%);box-shadow:0 5px 10px rgba(0,0,0,.1)}#consent-choices{margin:1rem;display:flex;flex-direction:column}.consentLabel input{margin:.5rem}#post-consent-ui{position:fixed;bottom:50px;left:20px;z-index:99}#post-consent-ui button{border-radius:50%;font-size:1.66rem;width:3rem;height:3rem;padding:0;border:3px solid #483aff}.invitation-codes a{background:linear-gradient(139deg,#ffc92f,#ff185c,#f316d5,#b81ed2);font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#fff;font-weight:700;border-radius:5px;padding:0 10px;height:36px;display:inline-block}.invitation-codes svg{float:left;vertical-align:middle;display:inline;margin-right:4.5px;margin-left:4.5px;padding-top:7px;height:28px}.invitation-codes span{padding:0 12px;vertical-align:middle;float:left;line-height:34px}amp-ad{background-image:url(https://chriskyfung.github.io/amp-affiliately-jekyll-theme/assets/images/b8d82a619c.png);background-position:50%;background-repeat:no-repeat;background-size:50px}.article-post .anchor-link{visibility:hidden;box-shadow:none;color:#daa520;font-size:1rem;margin-left:.5rem;vertical-align:super}.article-post .anchor-link:hover{box-shadow:none}.anchor-link:focus,.article-post :hover>.anchor-link{visibility:visible}amp-img[aria-label=lightbox]{cursor:zoom-in}amp-image-lightbox img{object-fit:scale-down}amp-image-lightbox button:last-of-type{cursor:zoom-out;min-width:100%;min-height:100%}amp-image-viewer img{max-width:fit-content;transition:width .25s linear}amp-lightbox{background-color:rgba(0,0,0,.6);z-index:1050}a.vglnk{border-bottom:2px dashed grey;box-shadow:unset}.shadow-none,figure.shadow-none *{box-shadow:none}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.7rem}h4{font-size:1.48rem}h5{font-size:1.3rem}h6{font-size:1.25rem}kbd{background-color:#eee;border-radius:3px;border:1px solid #b4b4b4;box-shadow:0 1px 1px rgba(0,0,0,.2),inset 0 2px 0 0 hsla(0,0%,100%,.7);display:inline-block;font-size:.85em;line-height:1;padding:2px 4px;white-space:nowrap}.article-post h2:not(:first-of-type){margin-top:5rem}.article-post del{color:#999;text-decoration-color:#f05f70}.article-post del a{box-shadow:none;border-bottom:1px solid #ddd;text-decoration:inherit}.article-post .box-highlight{box-shadow:1px 2px 15px #675bff}.article-post figcaption{font-size:smaller}.article-post a>code{padding:.2rem .4rem;color:#bd4147;background-color:#f7f7f9;box-shadow:inset 0 -2px 0 #ffe51f,0 2px 0 #ffe51f}.article-post a.citation,.article-post a.footnote,.article-post a.reversefootnote{box-shadow:none;background-color:#ffe51f}.card .row,.card>a{height:100%}.container{width:96%;max-width:100%}.inline-fix+*{display:inline}.inline-fix+*+.badge{vertical-align:text-top}.listfeaturedtag .card .thumbnail img{width:500px;height:258px}.listfeaturedtag .card-list{width:100%}.listfeaturedtag .card-list .thumbnail img{width:500px;height:150px;object-fit:cover}.listfeaturedtag .card-list .card-title{font-size:1rem}.listfeaturedtag .card-list .wrapthumbnail{height:150px}.mono{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.thumbnail.fit-left img{object-position:left}.thumbnail.fit-right img{object-position:right}.screen-reader-only{position:absolute;left:-5000px}.screen-reader-only:focus{left:0}.left-sidebar{order:1}.sidebar{font-size:15px;max-width:100%}.sidebar h3,.sidebar h3 span{text-align:center;position:relative}.sidebar h3{font-size:1.3rem;margin-bottom:1rem;font-weight:700}.sidebar h3 span{background-color:#fff;z-index:2;display:inline-block;padding:0 15px;font-size:14px;text-transform:uppercase;letter-spacing:1px}.sidebar h3:before{margin-bottom:0;position:absolute;z-index:1;left:0;top:12px;width:100%;height:1px;content:"";background-color:#333}.sidebar ul{list-style:none;padding-left:0}.sidebar li a{color:#999;border-bottom:1px solid #f6f6f6;display:block;padding-bottom:10px;padding-top:10px}.sidebar-section{margin-bottom:2rem;padding:30px 10px 30px 20px;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}.sidebar #mc_embed_signup form{padding:0}.sidebar #mc_embed_signup .button{width:100%;background:#675bff;height:auto;padding:6px 20px;font-weight:600;box-shadow:0 6px 10px 0 rgba(0,0,0,.1)}.sidebar #mc_embed_signup h2{font-weight:400;font-size:15px;color:#999;margin-bottom:1rem;line-height:1.5;text-align:center}.sidebar #mc_embed_signup .mc-field-group,.sidebar #mc_embed_signup input{width:100%}.tags{list-style:none;padding-left:0;margin:0 0 1.5rem}.tags li{display:inline-block;font-size:.9rem;margin-right:.2rem}.tags li:last-child{margin-right:0}.tags li a{background:#fff100;color:#333;padding:3px 10px;border-radius:3px;font-weight:500;font-size:.93em;text-transform:capitalize;text-decoration:none;box-shadow:0 6px 10px 0 hsla(0,0%,65.9%,.1)}.tags li a:hover{background:rgba(0,0,0,.07);text-decoration:none}.tags.rounded-tags li a{background:0 0;border:1px solid;border-radius:20px}.tags.rounded-tags code a{box-shadow:inherit}.beforefooter{background:linear-gradient(rgba(255,241,0,.8),rgba(255,241,0,.8)),url(https://chriskyfung.github.io/images/header-bg.jpg);background-size:contain;background-position-x:center;background-blend-mode:overlay;color:#111;max-width:100%;margin:50px auto -50px;padding:50px 0;text-align:center}@supports (background-blend-mode:overlay){.beforefooter{background-color:#fff100;background-image:url(https://chriskyfung.github.io/images/header-bg.jpg);background-blend-mode:overlay}}.beforefooter h3{margin-bottom:1rem}.footer{background-color:#171e27;border-top:1px solid rgba(0,0,0,.05);color:#999;margin-top:50px;margin-bottom:0;padding:30px 0;text-align:center}.footer a{color:inherit}.footer a:hover{color:#fff;text-decoration:none}.footer amp-ad{max-width:1140px;margin:auto}.footer-bar{padding-top:1.5rem;font-size:.9em}.footer-bar a{color:#eee}.footer .textwidget a{border-bottom:1px dashed}.footer-widget{font-size:15px;margin-top:1rem;margin-bottom:1rem}.footer-widget .title{font-size:18px;text-transform:uppercase;letter-spacing:1px;color:#fff;margin-bottom:1.5rem}.footer-widget ul{list-style:none;padding-left:0}.footer-widget li{margin:12px 0}.footer-widget .recent-posts img{float:left;margin-right:10px}.footer-widget-blob{background:#e9e4ff;border-radius:60% 70% 500% 70%}.footer-widget-image-wrapper{display:block;margin:auto;max-width:350px}.footersocial h3{font-size:1.48rem}.footersocial .fab{width:40px;height:40px;line-height:40px;text-align:center;display:inline-block;background:#fff;border-radius:3px;box-shadow:0 6px 10px 0 rgba(0,0,0,.1);font-size:18px;margin-left:5px;color:#3c3838;margin-top:10px}.bmc-button img{height:34px;width:35px;margin-bottom:1px;box-shadow:none;border:0;vertical-align:middle}.bmc-button{line-height:35px;height:51px;display:inline-flex;background-color:#ff813f;border-radius:5px;border:1px solid transparent;padding:7px 15px 7px 10px;font-size:28px;letter-spacing:.6px;box-shadow:0 1px 2px hsla(0,0%,74.9%,.5);margin:0 auto;font-family:Cookie,cursive;-webkit-box-sizing:border-box;box-sizing:border-box}.bmc-button,.bmc-button:active,.bmc-button:focus,.bmc-button:hover{text-decoration:none;color:#fff;-webkit-box-shadow:0 1px 2px 2px hsla(0,0%,74.9%,.5)}.bmc-button:active,.bmc-button:focus,.bmc-button:hover{box-shadow:0 1px 2px 2px hsla(0,0%,74.9%,.5);opacity:.85}@media (min-width:576px){.beforefooter{text-align:left}.bmc-button{font-size:16.5px}.card-columns.listfeaturedtag{-webkit-column-count:2;-moz-column-count:2;column-count:2}.footer{text-align:left}.footer-widget{margin-bottom:3rem;margin-top:3rem}.left-sidebar{order:-1}.listfeaturedtag .card .thumbnail img{left:-50%;max-width:500px;overflow-x:hidden}.listfeaturedtag .card-list .thumbnail img{width:291px}.sidebar{max-width:340px}}@media (min-width:768px){.bmc-button{font-size:28px}.listfeaturedtag .card .thumbnail img{left:-25%}.post-top-meta.authorpage{text-align:left}}@media (min-width:992px){.intro{padding:9rem 0}.intro h2{margin-top:2rem;margin-bottom:2rem}.listfeaturedtag .card{height:260px}.listfeaturedtag .card .thumbnail img{left:-75%}.listfeaturedtag .card-list{height:auto}.listfeaturedtag .card-block{padding-left:0}.listfeaturedtag .wrapfooter{padding-left:0;right:auto}.listfeaturedtag .wrapmeta{-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;margin-left:-3px}.listfeaturedtag .wrapthumbnail{-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;max-width:41.666667%;height:258px;flex:0 0 auto}.mediumnavigation .dropdown-menu{box-shadow:0 0 7px rgba(0,0,0,.2);max-height:60vh}.navbar-collapse{border:0}.navbar-toggleable-md .navbar-nav .nav-link{margin-left:.5rem;margin-top:0}.navbar-nav{max-height:60vh;overflow:visible}.wrapintro{padding:3rem}}@media (min-width:1025px){.navbar-btngroup .btn,.navbar-toggleable-md .navbar-nav .nav-link{margin-left:.75rem}}@media (min-width:1200px){.container{width:1140px;max-width:100%}.navbar-btngroup .btn,.navbar-toggleable-md .navbar-nav .nav-link{margin-left:1rem}}@supports (object-fit:cover){.listfeaturedtag .card .thumbnail img{left:inherit;max-width:inherit;object-fit:cover}}.gh-style.btn{position:relative;display:inline-block;padding:5px 16px;font-size:14px;font-weight:500;line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;-webkit-appearance:none;appearance:none;color:#24292e;background-color:#fafbfc;border:1px solid rgba(27,31,35,.15);box-shadow:0 1px 0 rgba(27,31,35,.04),inset 0 1px 0 hsla(0,0%,100%,.25);transition:background-color .2s cubic-bezier(.3,0,.5,1)}.gh-style.btn:hover{text-decoration:none}.gh-style.btn.disabled,.gh-style.btn:disabled,.gh-style.btn[aria-disabled=true]{cursor:default}.gh-style.btn.disabled .octicon,.gh-style.btn:disabled .octicon,.gh-style.btn[aria-disabled=true] .octicon{color:inherit}.gh-style.btn i{font-style:normal;font-weight:500;opacity:.75}.gh-style.btn .octicon{margin-right:4px;color:#6a737d;vertical-align:text-bottom}.gh-style.btn .octicon:only-child{margin-right:0}.gh-style.btn .Counter{margin-left:2px;color:inherit;text-shadow:none;vertical-align:top;background-color:rgba(27,31,35,.08)}.gh-style.btn .dropdown-caret{margin-left:4px;opacity:.8}.gh-style.btn.hover,.gh-style.btn:hover,[open]>.gh-style.btn{background-color:#f3f4f6;transition-duration:.1s}.gh-style.btn.selected,.gh-style.btn:active,.gh-style.btn[aria-selected=true]{background-color:#edeff2;box-shadow:inset 0 1px 0 rgba(225,228,232,.2);transition:none}.gh-style.btn.disabled,.gh-style.btn:disabled,.gh-style.btn[aria-disabled=true]{color:#959da5;background-color:#fafbfc;border-color:rgba(27,31,35,.15)}.gh-style.btn.focus,.gh-style.btn:focus{outline:1px dotted transparent;outline-offset:2px;box-shadow:0 0 0 3px rgba(3,102,214,.3)}.gh-style.btn-primary{color:#fff;background-color:#2ea44f;border-color:rgba(27,31,35,.15);box-shadow:0 1px 0 rgba(27,31,35,.1),inset 0 1px 0 hsla(0,0%,100%,.03)}.gh-style.btn-primary.hover,.gh-style.btn-primary:hover,[open]>.gh-style.btn-primary{background-color:#2c974b}.gh-style.btn-primary.selected,.gh-style.btn-primary:active,.gh-style.btn-primary[aria-selected=true]{background-color:#2a8f47;box-shadow:inset 0 1px 0 rgba(20,70,32,.2)}.gh-style.btn-primary.disabled,.gh-style.btn-primary:disabled,.gh-style.btn-primary[aria-disabled=true]{color:hsla(0,0%,100%,.8);background-color:#94d3a2;border-color:rgba(27,31,35,.1);box-shadow:0 1px 0 rgba(27,31,35,.1),inset 0 1px 0 hsla(0,0%,100%,.03)}.gh-style.btn-primary.focus,.gh-style.btn-primary:focus{box-shadow:0 0 0 3px rgba(46,164,79,.4)}.gh-style.btn-primary .Counter{color:inherit;background-color:hsla(0,0%,100%,.2)}.gh-style.btn-primary .octicon{color:hsla(0,0%,100%,.8)}.gh-style.btn-danger{color:#cb2431;transition:none}.gh-style.btn-danger:hover,[open]>.gh-style.btn-danger{color:#fff;background-color:#cb2431;border-color:rgba(27,31,35,.15);box-shadow:0 1px 0 rgba(27,31,35,.1),inset 0 1px 0 hsla(0,0%,100%,.03)}.gh-style.btn-danger:hover .Counter,[open]>.gh-style.btn-danger .Counter{background-color:hsla(0,0%,100%,.2)}.gh-style.btn-danger:hover .octicon,[open]>.gh-style.btn-danger .octicon{color:inherit}.gh-style.btn-danger.selected,.gh-style.btn-danger:active,.gh-style.btn-danger[aria-selected=true]{color:#fff;background-color:#be222e;border-color:rgba(27,31,35,.15);box-shadow:inset 0 1px 0 rgba(134,24,29,.2)}.gh-style.btn-danger.disabled,.gh-style.btn-danger:disabled,.gh-style.btn-danger[aria-disabled=true]{color:rgba(203,36,49,.5);background-color:#fafbfc;border-color:rgba(27,31,35,.15);box-shadow:0 1px 0 rgba(27,31,35,.04),inset 0 1px 0 hsla(0,0%,100%,.25)}.gh-style.btn-danger.disabled .Counter,.gh-style.btn-danger:disabled .Counter,.gh-style.btn-danger[aria-disabled=true] .Counter{background-color:rgba(203,36,49,.05)}.gh-style.btn-danger:focus{box-shadow:0 0 0 3px rgba(203,36,49,.4)}.gh-style.btn-danger .Counter{color:inherit;background-color:rgba(203,36,49,.1)}.gh-style.btn-outline{color:#0366d6;transition:none}.gh-style.btn-outline:hover,[open]>.gh-style.btn-outline{color:#fff;background-color:#0366d6;border-color:rgba(27,31,35,.15);box-shadow:0 1px 0 rgba(27,31,35,.1),inset 0 1px 0 hsla(0,0%,100%,.03)}.gh-style.btn-outline:hover .Counter,[open]>.gh-style.btn-outline .Counter{background-color:hsla(0,0%,100%,.2)}.gh-style.btn-outline:hover .octicon,[open]>.gh-style.btn-outline .octicon{color:inherit}.gh-style.btn-outline.selected,.gh-style.btn-outline:active,.gh-style.btn-outline[aria-selected=true]{color:#fff;background-color:#035fc7;border-color:rgba(27,31,35,.15);box-shadow:inset 0 1px 0 rgba(5,38,76,.2)}.gh-style.btn-outline.disabled,.gh-style.btn-outline:disabled,.gh-style.btn-outline[aria-disabled=true]{color:rgba(3,102,214,.5);background-color:#fafbfc;border-color:rgba(27,31,35,.15);box-shadow:0 1px 0 rgba(27,31,35,.04),inset 0 1px 0 hsla(0,0%,100%,.25)}.gh-style.btn-outline.disabled .Counter,.gh-style.btn-outline:disabled .Counter,.gh-style.btn-outline[aria-disabled=true] .Counter{background-color:rgba(3,102,214,.05)}.gh-style.btn-outline:focus{box-shadow:0 0 0 3px rgba(3,102,214,.4)}.gh-style.btn-outline .Counter{color:inherit;background-color:rgba(3,102,214,.1)}.gh-style.btn-blue{color:#fff;background-color:#0361cc;background-image:linear-gradient(-180deg,#0679fc,#0361cc 90%)}.gh-style.btn-blue.focus,.gh-style.btn-blue:focus{box-shadow:0 0 0 .2em rgba(6,121,252,.4)}.gh-style.btn-blue.hover,.gh-style.btn-blue:hover{background-color:#035cc2;background-image:linear-gradient(-180deg,#0374f4,#035cc2 90%);background-position:-.5em;border-color:rgba(27,31,35,.5)}.gh-style.btn-blue.selected,.gh-style.btn-blue:active,.gh-style.btn-blue[aria-selected=true],[open]>.gh-style.btn-blue{background-color:#045cc1;background-image:none;border-color:rgba(27,31,35,.5);box-shadow:inset 0 .15em .3em rgba(27,31,35,.15)}.gh-style.btn-blue.disabled,.gh-style.btn-blue:disabled,.gh-style.btn-blue[aria-disabled=true]{color:hsla(0,0%,100%,.75);background-color:#81b0e6;background-image:none;border-color:rgba(27,31,35,.15);box-shadow:none}.gh-style.btn-blue .Counter{color:#0366d6;background-color:#fff}.gh-style.btn-sm{padding:3px 12px;font-size:12px;line-height:20px}.gh-style.btn-sm .octicon{vertical-align:text-top}.gh-style.btn-large{padding:.75em 1.5em;font-size:inherit;line-height:1.5;border-radius:.5em}.gh-style.btn-block{display:block;width:100%;text-align:center}.gh-style.btnGroup{display:inline-block;vertical-align:middle}.gh-style.btnGroup:before{display:table;content:""}.gh-style.btnGroup:after{display:table;clear:both;content:""}.gh-style.btnGroup+.gh-style.btn,.gh-style.btnGroup+.gh-style.btnGroup{margin-left:4px}.gh-style.btnGroup-item{position:relative;float:left;border-right-width:0;border-radius:0}.gh-style.btnGroup-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.gh-style.btnGroup-item:last-child{border-right-width:1px;border-top-right-radius:6px;border-bottom-right-radius:6px}.gh-style.btnGroup-item.selected,.gh-style.btnGroup-item:active,.gh-style.btnGroup-item:focus,.gh-style.btnGroup-item:hover,.gh-style.btnGroup-item[aria-selected=true]{border-right-width:1px}.gh-style.btnGroup-item.selected+.gh-style.btnGroup-item,.gh-style.btnGroup-item.selected+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-item:active+.gh-style.btnGroup-item,.gh-style.btnGroup-item:active+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-item:focus+.gh-style.btnGroup-item,.gh-style.btnGroup-item:focus+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-item:hover+.gh-style.btnGroup-item,.gh-style.btnGroup-item:hover+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-item[aria-selected=true]+.gh-style.btnGroup-item,.gh-style.btnGroup-item[aria-selected=true]+.gh-style.btnGroup-parent .gh-style.btnGroup-item{border-left-width:0}.gh-style.btnGroup-parent{float:left}.gh-style.btnGroup-parent:first-child .gh-style.btnGroup-item{border-top-left-radius:6px;border-bottom-left-radius:6px}.gh-style.btnGroup-parent:last-child .gh-style.btnGroup-item{border-right-width:1px;border-top-right-radius:6px;border-bottom-right-radius:6px}.gh-style.btnGroup-parent .gh-style.btnGroup-item{border-right-width:0;border-radius:0}.gh-style.btnGroup-parent.selected .gh-style.btnGroup-item,.gh-style.btnGroup-parent:active .gh-style.btnGroup-item,.gh-style.btnGroup-parent:focus .gh-style.btnGroup-item,.gh-style.btnGroup-parent:hover .gh-style.btnGroup-item,.gh-style.btnGroup-parent[aria-selected=true] .gh-style.btnGroup-item{border-right-width:1px}.gh-style.btnGroup-parent.selected+.gh-style.btnGroup-item,.gh-style.btnGroup-parent.selected+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-parent:active+.gh-style.btnGroup-item,.gh-style.btnGroup-parent:active+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-parent:focus+.gh-style.btnGroup-item,.gh-style.btnGroup-parent:focus+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-parent:hover+.gh-style.btnGroup-item,.gh-style.btnGroup-parent:hover+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-parent[aria-selected=true]+.gh-style.btnGroup-item,.gh-style.btnGroup-parent[aria-selected=true]+.gh-style.btnGroup-parent .gh-style.btnGroup-item{border-left-width:0}.gh-style.btnGroup-item:active,.gh-style.btnGroup-item:focus,.gh-style.btnGroup-parent:active,.gh-style.btnGroup-parent:focus{z-index:1}.gh-style.btn-link{display:inline-block;padding:0;font-size:inherit;color:#0366d6;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:transparent;border:0;-webkit-appearance:none;appearance:none}.gh-style.btn-link:hover{text-decoration:underline}.gh-style.btn-link:disabled,.gh-style.btn-link:disabled:hover,.gh-style.btn-link[aria-disabled=true],.gh-style.btn-link[aria-disabled=true]:hover{color:rgba(88,96,105,.5);cursor:default}.gh-style.btn-invisible{color:#0366d6;background-color:transparent;border:0;border-radius:0;box-shadow:none}.gh-style.btn-invisible.selected,.gh-style.btn-invisible.zeroclipboard-is-active,.gh-style.btn-invisible.zeroclipboard-is-hover,.gh-style.btn-invisible:active,.gh-style.btn-invisible:focus,.gh-style.btn-invisible:hover,.gh-style.btn-invisible[aria-selected=true]{color:#0366d6;background:0 0;outline:0;box-shadow:none}.gh-style.btn-octicon{display:inline-block;padding:5px;margin-left:5px;line-height:1;color:#586069;vertical-align:middle;background:0 0;border:0}.gh-style.btn-octicon:hover{color:#0366d6}.gh-style.btn-octicon.disabled,.gh-style.btn-octicon[aria-disabled=true]{color:#959da5;cursor:default}.gh-style.btn-octicon.disabled:hover,.gh-style.btn-octicon[aria-disabled=true]:hover{color:#959da5}.gh-style.btn-octicon-danger:hover{color:#cb2431}.gh-style.btn-with-count{float:left;border-top-right-radius:0;border-bottom-right-radius:0}.gh-style.btn-with-count:focus{z-index:1}.gh-style.btn:focus .icon-sponsor,.gh-style.btn:focus .icon-sponsoring,.gh-style.btn:hover .icon-sponsor,.gh-style.btn:hover .icon-sponsoring,.Label:focus .icon-sponsor,.Label:focus .icon-sponsoring,.Label:hover .icon-sponsor,.Label:hover .icon-sponsoring{transform:scale(1.1)}.icon-sponsor{overflow:visible}.gh-style{position:fixed;width:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.5}.octicon{display:inline-block;overflow:visible;vertical-align:text-bottom;fill:currentColor}.highlight pre{color:#fff;white-space:pre-wrap}.highlight .hll,.highlight pre{background-color:#333}.highlight .c{color:#080;font-style:italic;background-color:#0f140f}.highlight .err,.highlight .g{color:#fff}.highlight .k{color:#fb660a;font-weight:700}.highlight .l,.highlight .n,.highlight .o,.highlight .p,.highlight .x{color:#fff}.highlight .cm,.highlight .cp{color:#080;font-style:italic;background-color:#0f140f}.highlight .cp{color:#ff0007;font-weight:700}.highlight .c1,.highlight .cs{color:#080;font-style:italic;background-color:#0f140f}.highlight .gd,.highlight .ge,.highlight .gr{color:#fff}.highlight .gh{color:#fff;font-weight:700}.highlight .gi{color:#fff}.highlight .go{color:#444;background-color:#222}.highlight .gp,.highlight .gs{color:#fff}.highlight .gu{color:#fff;font-weight:700}.highlight .gt{color:#fff}.highlight .kc,.highlight .kd,.highlight .kn{color:#fb660a;font-weight:700}.highlight .kp{color:#fb660a}.highlight .kr,.highlight .kt{color:#fb660a;font-weight:700}.highlight .kt{color:#cdcaa9}.highlight .ld{color:#fff}.highlight .m{color:#0086f7;font-weight:700}.highlight .s{color:#0086d2}.highlight .na{color:#ff0086;font-weight:700}.highlight .nb,.highlight .nc{color:#fff}.highlight .no{color:#0086d2}.highlight .nd,.highlight .ne,.highlight .ni{color:#fff}.highlight .nf{color:#ff0086;font-weight:700}.highlight .nl,.highlight .nn,.highlight .nx,.highlight .py{color:#fff}.highlight .nt{color:#fb660a;font-weight:700}.highlight .nv{color:#fb660a}.highlight .ow{color:#fff}.highlight .w{color:#888}.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#0086f7;font-weight:700}.highlight .s1,.highlight .s2,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .se,.highlight .sh,.highlight .si,.highlight .sr,.highlight .ss,.highlight .sx{color:#0086d2}.highlight .bp{color:#fff}.highlight .vc,.highlight .vg,.highlight .vi{color:#fb660a}.highlight .il{color:#0086f7;font-weight:700}.rouge-table pre{border:0;margin:0}</style><meta name="amp-script-src" content="sha384-n2-YMnb2FkeDk-Ca2pVnoYSR2FqNKqKgTwfK_UI0EAeVRCAHgCDjsecHJpVMv3Sl"></head><body class="layout-post" data-amp-auto-lightbox-disable>
+<amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
+</amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
+</div>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
+</li>
+<li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
+</li>
+<li class="nav-item" role="none"> <a class="nav-link" href="/category/academic/" role="menuitem">Academic</a>
+</li></ul>
+<ul class="navbar-btngroup row ml-auto"><li class="nav-item"> <div class="invitation-codes"> <a class="btn invitation-codes-badge" href="https://invitation.codes/@chriskyfung" data-type data-vars-event-label="Invitation Code Button" aria-label="invitation.codes - link opens in a new tab" title="invitation.codes - Open in New Tab" rel="noopener noreferrer" target="_blank"> <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment-alt-dots" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width:20px"> <path fill="currentColor" d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm16 352c0 8.8-7.2 16-16 16H288l-12.8 9.6L208 428v-60H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h384c8.8 0 16 7.2 16 16v288zM128 176c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32z" class=""/> </svg> </a>
+</div> </li><li class="nav-item"> <a class="gh-style btn btn-block" style="margin: 2px 0" aria-label="Sponsor @chriskyfung" target="_top" href="https://github.com/sponsors/chriskyfung?o=esb"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart icon-sponsor color-fg-sponsors"> <path fill-rule="evenodd" d="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z"/> </svg> <span>Sponsor</span> </a> </li><li class="nav-item"> <button type="button" on="tap:amp-searchbar" id="toggle-search" class="btn btn-primary" data-toggle="modal" data-target="#searchbar" title="search" accesskey="/"> <i class="fas fa-search"></i> </button> </li> </ul> </div>  </div> </nav> <amp-lightbox scrollable id="amp-searchbar" layout="nodisplay" animate-in="fade-in" hidden="hidden" class="i-amphtml-layout-nodisplay" i-amphtml-layout="nodisplay"> <div class="modal-dialog modal-lg">  <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Search for</h5> <button class="close" type="button" on="tap:amp-searchbar.close" aria-label="Close Search Modal" tabindex="-1">×</button> </div> <div class="modal-body"> <div class="search_form"> <form method="GET" action="/search" target="_top"> <amp-autocomplete class="searchbox i-amphtml-layout-container" filter="substring" src="/assets/data/suggestions.json" i-amphtml-layout="container"> <input class="form-control" name="q" type="search" placeholder="Search" required> </amp-autocomplete> <input hidden name="sitesearch" value="chriskyfung.github.io"> <button class="btn btn-primary" type="submit">Search</button> </form> </div> </div> </div> </div> </amp-lightbox>   <div class="site-content"> <div class="container">  <div class="main-content" style="margin-top: 88px;">  <div class="row"> <div id="post" class="col-md-8 col-lg-8"> <div class="mainheading">  <div class="after-post-tags"> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div>   <h1 class="posttitle">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</h1> </div> <amp-img data-hero class="featured-image i-amphtml-layout-responsive i-amphtml-layout-size-defined" width="730" height="431" layout="responsive" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.webp" alt="Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command" i-amphtml-ssr i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:59.0411%"></i-amphtml-sizer> <amp-img data-hero fallback class="featured-image i-amphtml-layout-responsive i-amphtml-layout-size-defined" width="730" height="431" layout="responsive" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.jpg" alt="Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command" i-amphtml-ssr i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:59.0411%"></i-amphtml-sizer><img class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" alt="Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.jpg"></amp-img> <img class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" alt="Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.webp"></amp-img>  <p> <small> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> </small> </p> <div class="article-post"><p>Ever found yourself typing <code class="language-plaintext highlighter-rouge">gh repo clone</code> and struggling to remember repository names? I’ve been there. As a developer who works with dozens of repositories daily, I needed a better solution. That’s why I created a custom completion script that makes the GitHub CLI’s clone command more powerful and user-friendly.</p> <h2 id="why-custom-completion-matters">Why Custom Completion Matters<a class="anchor-link" href="#why-custom-completion-matters"><i class="fas fa-link"></i></a></h2> <p>While the standard <code class="language-plaintext highlighter-rouge">gh repo clone</code> is incredibly useful, it lacks intelligent autocompletion. Here’s what you’re missing:</p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nv">$ </span>gh repo clone my&lt;tab&gt;
+my-awesome-project    my-docker-images     my-python-scripts
+</code></pre></div></div> <p>I struggled to recall exact repository names, some of which are a mouthful. Then there were the flags that I could never remember. These tiny hurdles added up, hindering productivity, especially for those who constantly work with multiple repositories.</p> <p>Driven by the desire for seamless interaction, I embarked on a quest to enhance my command-line experience. Instead of wrestling with repository names and flags, I decided to create a custom completion script for the <code class="language-plaintext highlighter-rouge">gh repo clone</code> command. The script enables:</p> <ul> <li><strong>Smart Repository Suggestions</strong>: Instantly see matching repositories as you type.</li> <li><strong>Flag Completion</strong>: Access additional <code class="language-plaintext highlighter-rouge">git clone</code> options for <code class="language-plaintext highlighter-rouge">gh repo clone</code> by pressing <code class="language-plaintext highlighter-rouge">tab</code> twice after the <code class="language-plaintext highlighter-rouge">--</code> flag.</li>
+</ul> <p>The completion script automatically populates suggestions, enabling faster interaction and execution with the GitHub CLI.</p> <h3 id="common-use-cases">Common Use Cases<a class="anchor-link" href="#common-use-cases"><i class="fas fa-link"></i></a></h3> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c"># Clone to a custom directory</span>
+gh repo clone username/repo
+
+<span class="c"># Clone with a specific branch</span>
+gh repo clone username/repo <span class="nt">--</span> <span class="nt">--branch</span> feature-branch
+
+<span class="c"># Clone with depth limit</span>
+gh repo clone username/repo <span class="nt">--</span> <span class="nt">--depth</span> 1
+</code></pre></div></div> <h2 id="quick-setup-guide">Quick Setup Guide<a class="anchor-link" href="#quick-setup-guide"><i class="fas fa-link"></i></a></h2> <ol> <li> <p><strong>Install the completion script</strong>:</p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>curl <span class="nt">-o</span> ~/.gh-repo-clone-completion.bash https://gist.github.com/chriskyfung/50039cb2a9b586047adc2726085c6280/raw/.bash_profile
+</code></pre></div> </div> <p>You can view the source code and contribute on <a data-vars-event-label="https://gist.github.com/chriskyfung/50039cb2a9b586047adc2726085c6280" href="https://gist.github.com/chriskyfung/50039cb2a9b586047adc2726085c6280">GitHub Gist</a>.</p> </li> <li> <p><strong>Add to your shell</strong>:</p> <div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">echo</span> <span class="s1">'source ~/.gh-repo-clone-completion.bash'</span> <span class="o">&gt;&gt;</span> ~/.bashrc  <span class="c"># for bash</span>
+<span class="c"># OR</span>
+<span class="nb">echo</span> <span class="s1">'source ~/.gh-repo-clone-completion.bash'</span> <span class="o">&gt;&gt;</span> ~/.zshrc   <span class="c"># for zsh</span>
+</code></pre></div> </div> </li> <li> <p><strong>Verify the Setup</strong>:</p> <p>Type <code class="language-plaintext highlighter-rouge">gh repo clone &lt;tab&gt;</code> in your terminal. If set up correctly, you should see repository suggestions as you type.</p> <p>Type <code class="language-plaintext highlighter-rouge">gh repo clone -- &lt;tab&gt;</code> in your terminal. You should see additional <code class="language-plaintext highlighter-rouge">git clone</code> flags by listing them after <code class="language-plaintext highlighter-rouge">--</code>.</p> </li>
+</ol> <h2 id="conclusion">Conclusion<a class="anchor-link" href="#conclusion"><i class="fas fa-link"></i></a></h2> <p>Implementing this custom completion function can transform your GitHub CLI experience by making it more efficient and user-friendly. My coding sessions are now more about creativity and less about the little frustrations.</p> <p>Try it yourself and see how much faster your GitHub workflow becomes. Questions or suggestions? Feel free to contribute to the script on my GitHub!</p> <p>Happy coding! 🚀</p> <div class="clearfix"></div> </div>  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/autocompletions/">Autocompletions</a></small> </li><li> <small><a href="/tag/bash/">Bash</a></small> </li><li> <small><a href="/tag/command-line/">Command-line</a></small> </li><li> <small><a href="/tag/github-cli/">GitHub CLI</a></small> </li></ul> </div>   <div class="row PageNavigation mt-4 prevnextlinks"><div class="col-md-6 rightborder pl-0"> <a class="thepostlink" href="/blog/qwiklabs/qwiklab-completion-tracker-versions">&laquo; Qwiklabs Lab Completion Tracker - Version History</a> </div></div>  <div class="row post-top-meta"> <div class="col-md-2"> <amp-img class="author-thumb i-amphtml-layout-fixed i-amphtml-layout-size-defined" width="72" height="72" src="https://www.gravatar.com/avatar/abd876486b2caa54b43bf64a5a86f620?s=250&d=mm&r=x" alt="Chris F." style="width:72px;height:72px;" i-amphtml-layout="fixed"></amp-img> </div> <div class="col-md-10"> <a class="link-dark" href="https://en.gravatar.com/chrisfungky" rel="noopener" target="_blank">Chris F.</a><a href="https://www.facebook.com/chriskyfung/" class="btn follow" rel="noopener" target="_blank">Follow</a> <span class="author-description">Author of this blog, M.Phil.</span> </div> </div> <section> <div id="comments"><div class="disqus"> <amp-iframe width="600" height="580" layout="responsive" data-block-on-consent-purposes="functional" sandbox="allow-scripts allow-same-origin allow-modals allow-popups allow-forms" resizable src="https://chriskyfung.gitlab.io/disqus-amp/?url=https://chriskyfung.github.io/github-cli-repo-clone-custom-completion/&title='Speed+Up+GitHub+CLI%3A+Custom+Completion+for+%27gh+repo+clone%27+Command'" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:96.6667%"></i-amphtml-sizer> <div overflow style="background-color: #0003;display: block;position: relative;"> <button class="btn btn-dark" aria-label="Load more comments" tabindex="0" style="margin: .5em 50%; transform: translateX(-50%);"> Load more </button> </div> <div placeholder>Loading Disqus Comments...</div> <div fallback> Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a> </div> </amp-iframe>
+</div></div> </section>  </div>  <div class="col-md-4 col-lg-4 right-sidebar"><div class="sidebar"> <h2 class="sr-only">Sidebar</h2> <div aria-label="featured posts" class="sidebar-section"> <h3><span>Featured</span><span class="sr-only"> Posts</span></h3> <section class="featured-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp335-cover.thumb.webp" alt="Image in Speed Up GitHub CLI: Custom Completion for &#39;gh repo clone&#39; Command" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp335-cover.thumb.png" alt="Image in Speed Up GitHub CLI: Custom Completion for &#39;gh repo clone&#39; Command" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab">☁ Secure Workloads in Google Kubernetes Engine: Challenge Lab | l...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i><i class="fas fa-sync-alt fa-xs" aria-hidden="true" style="color:#0293d8;margin-left:-.5em;vertical-align:bottom"></i> <time datetime="2021-06-27T15:00:00+08:00" itemprop="dateModified" title="Updated on">27 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/windows/fix-windows10-boot-loop-after-fail-upgrade"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/windows/restoring-your-previous-version-of-windows-10.thumb.webp" alt="Image in Speed Up GitHub CLI: Custom Completion for &#39;gh repo clone&#39; Command" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/windows/restoring-your-previous-version-of-windows-10.thumb.png" alt="Image in Speed Up GitHub CLI: Custom Completion for &#39;gh repo clone&#39; Command" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/windows/fix-windows10-boot-loop-after-fail-upgrade">Fix reboot loop after a fail upgrade of Windows 10, Version 2004,...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/windows/fix-windows10-boot-loop-after-fail-upgrade" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2020-06-23T23:18:00+08:00" itemprop="datePublished" title="Published on">23 Jun 2020</time></div> <ul class="tags"><li> <small><a href="/category/windows/">Windows</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklabs-user-tips-for-learning-google-cloud-platform"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/qwiklabs-badges.thumb.webp" alt="Image in Speed Up GitHub CLI: Custom Completion for &#39;gh repo clone&#39; Command" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/qwiklabs-badges.thumb.jpg" alt="Image in Speed Up GitHub CLI: Custom Completion for &#39;gh repo clone&#39; Command" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklabs-user-tips-for-learning-google-cloud-platform">Learning Google Cloud Platform on Qwiklabs: Learning Map, Assisti...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklabs-user-tips-for-learning-google-cloud-platform" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i><i class="fas fa-sync-alt fa-xs" aria-hidden="true" style="color:#0293d8;margin-left:-.5em;vertical-align:bottom"></i> <time datetime="2020-06-20T23:36:00+08:00" itemprop="dateModified" title="Updated on">20 Jun 2020</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Speed Up GitHub CLI: Custom Completion for &#39;gh repo clone&#39; Command" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Speed Up GitHub CLI: Custom Completion for &#39;gh repo clone&#39; Command" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Speed Up GitHub CLI: Custom Completion for &#39;gh repo clone&#39; Command" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Speed Up GitHub CLI: Custom Completion for &#39;gh repo clone&#39; Command" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Speed Up GitHub CLI: Custom Completion for &#39;gh repo clone&#39; Command" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Speed Up GitHub CLI: Custom Completion for &#39;gh repo clone&#39; Command" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Speed Up GitHub CLI: Custom Completion for &#39;gh repo clone&#39; Command" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Speed Up GitHub CLI: Custom Completion for &#39;gh repo clone&#39; Command" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Speed Up GitHub CLI: Custom Completion for &#39;gh repo clone&#39; Command" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+</div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
+</div>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></div></div>  <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+</amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
+<p>See anything that can be improved?</p>
+<p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
+<a class="btn btn-primary btn-lg" href="/contact">Contact Me</a> </div> <div class="col-md-4 text-center footersocial"> <div class="mb-4"> <h3>Support Me</h3>
+<a class="bmc-button" href="https://www.buymeacoffee.com/chriskyfung" data-vars-event-label="Buy me a coffee Badge"> <amp-img src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" width="35" height="34" layout="fixed" alt aria-hidden="true" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:35px;height:34px;" i-amphtml-layout="fixed"></amp-img> <span style="margin-left:5px;">Buy me a coffee</span>
+</a> </div> <div> <h3>Follow Me on</h3><a href="https://www.facebook.com/chriskyfung" rel="noopener noreferrer" target="_blank"><i class="fab fa-facebook" aria-hidden="true"></i><span class="sr-only">Facebook</span></a><a href="https://www.pinterest.com/chriskyfung" rel="noopener noreferrer" target="_blank"><i class="fab fa-pinterest"></i><span class="sr-only">Pinterest</span></a><a href="https://github.com/chriskyfung" rel="noopener noreferrer" target="_blank"><i class="fab fa-github"></i><span class="sr-only">GitHub</span></a><a href="https://medium.com/@chriskyfung" rel="noopener noreferrer" target="_blank"><i class="fab fa-medium"></i><span class="sr-only">Medium</span></a> </div> </div> </div> </div> </section>  <section class="footer"> <div class="container"> <div class="row"> <div class="col-sm-3"> <div class="footer-widget"> <div class="footer-widget-blob footer-widget-image-wrapper"> <amp-img class="pr-lg-3 i-amphtml-layout-responsive i-amphtml-layout-size-defined" src="/assets/images/knowledge__flatline.svg" height="179" width="255" layout="responsive" alt="ideas and knowledge" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:70.1961%"></i-amphtml-sizer></amp-img>
+</div> </div> </div> <div class="col-sm-3"> <div class="footer-widget"> <h3 class="title"></h3>
+<ul></ul> </div> </div> <div class="col-sm-3"> <div class="footer-widget"> <h3 class="title"></h3>
+<ul></ul> </div> </div> <div class="col-sm-3"> <div class="footer-widget"> <h3 class="title">Disclosures</h3>
+
+<div id="copyscape-banner"> <a href="https://www.copyscape.com/" data-vars-event-label="Copyscape Badge" aria-label="Copyscape - link opens in a new tab" rel="noopener noreferrer" target="_blank"> <amp-img src="https://banners.copyscape.com/img/copyscape-banner-white-130x46.png" width="130" height="46" alt="© Protected by Copyscape" title="Opens in New Tab" style="width:130px;height:46px;width:130px;height:46px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> </amp-img> </a>
+</div> </div> </div> </div> <div class="footer-bar"> <p class="float-lg-left"> Copyright © 2014-2024 <a href="https://chriskyfung.github.io/">Chris KY FUNG</a>. All rights reserved. </p> <p class="float-lg-right">Powered by <a aria-label="theme credit" href="https://chriskyfung.github.io/amp-affiliately-jekyll-theme/" rel="noopener noreferrer">AMP Affiliately Theme</a> | <a aria-label="privacy policy" href="/privacy-policy">Privacy Policy</a> </p> <div class="clearfix"></div> </div> </div> </section></footer>  </div> <amp-image-lightbox id="lightbox1" layout="nodisplay" data-close-button-aria-label="Close" hidden="hidden" class="i-amphtml-layout-nodisplay" i-amphtml-layout="nodisplay"></amp-image-lightbox> </body></html>
\ No newline at end of file
diff --git a/gulpfile.mjs b/gulpfile.mjs
index 35d3012fa..4dd5ce8a1 100644
--- a/gulpfile.mjs
+++ b/gulpfile.mjs
@@ -29,14 +29,14 @@ function build(cb) {
 
 function test() {
   return src('./_site/**/*.html')
-      // Validate the input and attach the validation result to the "amp" property
-      // of the file object.
-      .pipe(gulpAmpValidator.validate())
-      // Print the validation results to the console.
-      .pipe(gulpAmpValidator.format())
-      // Exit the process with error code (1) if an AMP validation error
-      // occurred.
-      .pipe(gulpAmpValidator.failAfterWarningOrError());
+    // Validate the input and attach the validation result to the "amp" property
+    // of the file object.
+    .pipe(gulpAmpValidator.validate())
+    // Print the validation results to the console.
+    .pipe(gulpAmpValidator.format())
+    // Exit the process with error code (1) if an AMP validation error
+    // occurred.
+    .pipe(gulpAmpValidator.failAfterWarningOrError());
 }
 
 function validate() {
@@ -45,18 +45,21 @@ function validate() {
       through2.obj(async (file, _, cb) => {
         if (file.isBuffer()) {
           const validator = await amphtmlValidator.getInstance();
-          const result = validator.validateString(file.contents.toString());
-          if (result.status !== 'PASS') console.error(`\n${result.status}: ${file.relative}`);
-          // (result.status === 'PASS' ? console.log : console.error)(result.status);
-          for (var ii = 0; ii < result.errors.length; ii++) {
-            var error = result.errors[ii];
-            var msg =
-              'line ' + error.line + ', col ' + error.col + ': ' + error.message;
-            if (error.specUrl !== null) {
-              msg += ' (see ' + error.specUrl + ')';
+          const contents_in_string = `${file.contents.toString()}`;
+          if (contents_in_string.indexOf('<title>Redirecting&hellip;</title>') === -1) {
+            const result = validator.validateString(contents_in_string);
+            if (result.status !== 'PASS') console.error(`\n${result.status}: ${file.relative}`);
+            // (result.status === 'PASS' ? console.log : console.error)(result.status);
+            for (let ii = 0; ii < result.errors.length; ii++) {
+              const error = result.errors[ii];
+              let msg =
+                'line ' + error.line + ', col ' + error.col + ': ' + error.message;
+              if (error.specUrl !== null) {
+                msg += ' (see ' + error.specUrl + ')';
+              }
+              (error.severity === 'ERROR' ? console.error : console.warn)(msg);
             }
-            (error.severity === 'ERROR' ? console.error : console.warn)(msg);
-          }     
+          };
         }
         cb(null, file);
       })
diff --git a/images/posts/coding/gh-repo-clone-custom-completion-cover.jpg b/images/posts/coding/gh-repo-clone-custom-completion-cover.jpg
new file mode 100644
index 000000000..b2abd3f24
Binary files /dev/null and b/images/posts/coding/gh-repo-clone-custom-completion-cover.jpg differ
diff --git a/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg b/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg
new file mode 100644
index 000000000..4c26e96c2
Binary files /dev/null and b/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg differ
diff --git a/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp b/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp
new file mode 100644
index 000000000..33ded9680
Binary files /dev/null and b/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp differ
diff --git a/images/posts/coding/gh-repo-clone-custom-completion-cover.webp b/images/posts/coding/gh-repo-clone-custom-completion-cover.webp
new file mode 100644
index 000000000..82bc78247
Binary files /dev/null and b/images/posts/coding/gh-repo-clone-custom-completion-cover.webp differ
diff --git a/index.html b/index.html
index 993b288c5..c234153b8 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -13,13 +13,13 @@
 </li></ul>
 <ul class="navbar-btngroup row ml-auto"><li class="nav-item"> <div class="invitation-codes"> <a class="btn invitation-codes-badge" href="https://invitation.codes/@chriskyfung" data-type data-vars-event-label="Invitation Code Button" aria-label="invitation.codes - link opens in a new tab" title="invitation.codes - Open in New Tab" rel="noopener noreferrer" target="_blank"> <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment-alt-dots" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width:20px"> <path fill="currentColor" d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm16 352c0 8.8-7.2 16-16 16H288l-12.8 9.6L208 428v-60H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h384c8.8 0 16 7.2 16 16v288zM128 176c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32z" class=""/> </svg> </a>
 </div> </li><li class="nav-item"> <a class="gh-style btn btn-block" style="margin: 2px 0" aria-label="Sponsor @chriskyfung" target="_top" href="https://github.com/sponsors/chriskyfung?o=esb"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart icon-sponsor color-fg-sponsors"> <path fill-rule="evenodd" d="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z"/> </svg> <span>Sponsor</span> </a> </li><li class="nav-item"> <button type="button" on="tap:amp-searchbar" id="toggle-search" class="btn btn-primary" data-toggle="modal" data-target="#searchbar" title="search" accesskey="/"> <i class="fas fa-search"></i> </button> </li> </ul> </div>  </div> </nav> <amp-lightbox scrollable id="amp-searchbar" layout="nodisplay" animate-in="fade-in" hidden="hidden" class="i-amphtml-layout-nodisplay" i-amphtml-layout="nodisplay"> <div class="modal-dialog modal-lg">  <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Search for</h5> <button class="close" type="button" on="tap:amp-searchbar.close" aria-label="Close Search Modal" tabindex="-1">×</button> </div> <div class="modal-body"> <div class="search_form"> <form method="GET" action="/search" target="_top"> <amp-autocomplete class="searchbox i-amphtml-layout-container" filter="substring" src="/assets/data/suggestions.json" i-amphtml-layout="container"> <input class="form-control" name="q" type="search" placeholder="Search" required> </amp-autocomplete> <input hidden name="sitesearch" value="chriskyfung.github.io"> <button class="btn btn-primary" type="submit">Search</button> </form> </div> </div> </div> </div> </amp-lightbox>   <div class="site-content"> <div class="container">  <div class="main-content" style="margin-top: 88px;">  <section class="intro full-width"> <div class="wrapintro"> <h1>Chris KY Fung's Page</h1> <h2 class="lead">Feel free to bookmark this to keep an eye on my project updates</h2> <a href="/blog/" class="btn">Latest posts</a> </div> </section> 
-<section class="featured-posts"> <div class="section-title"> <h2><span>Recent Posts</span></h2> </div> <div class="row listfeaturedtag"> <div class="col-sm-6"> <article class="card"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" aria-hidden="true" tabindex="-1"> <div class="thumbnail"><figure><amp-img width="208" height="258" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.webp" alt="thumbnail for Qwiklabs Lab..." i-amphtml-ssr data-hero class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI1OCIgd2lkdGg9IjIwOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="208" height="258" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.jpg" alt="thumbnail for Qwiklabs Lab..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI1OCIgd2lkdGg9IjIwOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> <img class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" loading="lazy" alt="thumbnail for Qwiklabs Lab..." src="/images/posts/qwiklabs/science-1408800_1280.webp"></amp-img></figure></div> </a> </div> <div class="col-md-7 wrapmeta"> <div class="card-block"> <h3 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" rel="bookmark">Qwiklabs Lab Completion Tracker - Version History</a></h3> <p class="card-text">The changelog, the feature highlights, and the screenshots of the previous versions of the "Qwiklabs Lab Complet...</p> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div> </article>
+<section class="featured-posts"> <div class="section-title"> <h2><span>Recent Posts</span></h2> </div> <div class="row listfeaturedtag"> <div class="col-sm-6"> <article class="card"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/" aria-hidden="true" tabindex="-1"> <div class="thumbnail"><figure><amp-img width="208" height="258" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.webp" alt="thumbnail for Speed Up Git..." i-amphtml-ssr data-hero class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI1OCIgd2lkdGg9IjIwOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="208" height="258" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.jpg" alt="thumbnail for Speed Up Git..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI1OCIgd2lkdGg9IjIwOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> <img class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" loading="lazy" alt="thumbnail for Speed Up Git..." src="/images/posts/coding/gh-repo-clone-custom-completion-cover.webp"></amp-img></figure></div> </a> </div> <div class="col-md-7 wrapmeta"> <div class="card-block"> <h3 class="card-title"><a href="/github-cli-repo-clone-custom-completion/" rel="bookmark">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h3> <p class="card-text">Learn how to supercharge your GitHub CLI experience with custom bash completion for the 'gh repo clone' command....</p> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div> </article>
+</div>
+ <div class="col-sm-6"> <article class="card"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" aria-hidden="true" tabindex="-1"> <div class="thumbnail"><figure><amp-img width="208" height="258" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.webp" alt="thumbnail for Qwiklabs Lab..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI1OCIgd2lkdGg9IjIwOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="208" height="258" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.jpg" alt="thumbnail for Qwiklabs Lab..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI1OCIgd2lkdGg9IjIwOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="col-md-7 wrapmeta"> <div class="card-block"> <h3 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" rel="bookmark">Qwiklabs Lab Completion Tracker - Version History</a></h3> <p class="card-text">The changelog, the feature highlights, and the screenshots of the previous versions of the "Qwiklabs Lab Complet...</p> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div> </article>
 </div>
  <div class="col-sm-6"> <article class="card"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes" aria-hidden="true" tabindex="-1"> <div class="thumbnail"><figure><amp-img width="208" height="258" layout="intrinsic" src="/images/posts/matlab/matlab-packages.webp" alt="thumbnail for My MATLAB Pa..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI1OCIgd2lkdGg9IjIwOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="208" height="258" layout="intrinsic" src="/images/posts/matlab/matlab-packages.jpg" alt="thumbnail for My MATLAB Pa..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI1OCIgd2lkdGg9IjIwOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="col-md-7 wrapmeta"> <div class="card-block"> <h3 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes" rel="bookmark">My MATLAB Package and Toolbox Picks</a></h3> <p class="card-text">A collection of useful MATLAB packages and toolboxes that support and improve your workflow, data visualization,...</p> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div> </article>
 </div>
  <div class="col-sm-6"> <article class="card"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" aria-hidden="true" tabindex="-1"> <div class="thumbnail"><figure><amp-img width="208" height="258" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.webp" alt="thumbnail for ☁ Serverless..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI1OCIgd2lkdGg9IjIwOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="208" height="258" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.png" alt="thumbnail for ☁ Serverless..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI1OCIgd2lkdGg9IjIwOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="col-md-7 wrapmeta"> <div class="card-block"> <h3 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" rel="bookmark">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h3> <p class="card-text">A brief procedure for the Google Cloud self-paced training GSP344 on Qwiklabs. You will practice the skills for ...</p> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div> </article>
-</div>
- <div class="col-sm-6"> <article class="card"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" aria-hidden="true" tabindex="-1"> <div class="thumbnail"><figure><amp-img width="208" height="258" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.webp" alt="thumbnail for ☁ Build and ..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI1OCIgd2lkdGg9IjIwOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="208" height="258" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.png" alt="thumbnail for ☁ Build and ..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI1OCIgd2lkdGg9IjIwOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="col-md-7 wrapmeta"> <div class="card-block"> <h3 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" rel="bookmark">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab |...</a></h3> <p class="card-text">A brief procedure for the Google Cloud self-paced training GSP340 on Qwiklabs. You will practice the skills for ...</p> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div> </article>
 </div>
  </div> </section> <section class="recent-posts row"> <div class="col-sm-4"> <div class="sidebar"> <h2 class="sr-only">Sidebar</h2> <div aria-label="featured posts" class="sidebar-section"> <h3><span>Featured</span><span class="sr-only"> Posts</span></h3> <section class="featured-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp335-cover.thumb.webp" alt="Image in Home" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp335-cover.thumb.png" alt="Image in Home" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab">☁ Secure Workloads in Google Kubernetes Engine: Challenge Lab | l...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i><i class="fas fa-sync-alt fa-xs" aria-hidden="true" style="color:#0293d8;margin-left:-.5em;vertical-align:bottom"></i> <time datetime="2021-06-27T15:00:00+08:00" itemprop="dateModified" title="Updated on">27 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
@@ -31,8 +31,7 @@
 </div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div> </div> <div class="col-sm-8"> <hr> <section class="article-post"> <h2 class="mt-4"><i class="fas fa-bong"></i> Welcome to my New Site</h2> <p>This site is a new version of my old site "<a href="https://chrisfung1125.wixsite.com/research-blog/" target="_blank">Blog of a POLIDA post-grad II .</a>" which was hosting in Wix.com. Now it has been moved to the GitHub page. It should deliver a much faster page loading speed and a nicer display of codes. I hope you will better enjoy my content.</p> </section> <hr> <section id="projects" class="article-post"> <div class="section-title"> <h2><span>Pinned Projects</span></h2> </div> <section id="personal-project-list"> <h3 class="section-title">Personal Projects</h3>  <h4 class="project-title"><i class="fab fa-instagram"></i> <i class="fas fa-cloud-download-alt"></i> <i class="fab fa-google-drive"></i><br><a href="https://chriskyfung.github.io/AutoFetcher-IG-Stories-to-GDrive/" target="_blank">AutoFetcher for Saving IG Stories to GDrive</a></h4> <figure><amp-img width="574" height="287" layout="intrinsic" src="/images/projects/instagram-to-drive_574x287_o55.webp" alt="Instagram to Google Drive Download Bot" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI4NyIgd2lkdGg9IjU3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="574" height="287" layout="intrinsic" src="/images/projects/instagram-to-drive_574x287_o55.jpg" alt="Instagram to Google Drive Download Bot" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI4NyIgd2lkdGg9IjU3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <p>A Google Apps Script for deploying a web application that automatically fetches the available latest IG Stories of a target Instagram user to your Google Drive.</p>  <h4 class="project-title"><i class="fab fa-windows"></i> <i class="fas fa-keyboard"></i> <i class="fas fa-microphone"></i><br><a href="https://chriskyfung.github.io/Agile-Win-Hotkey-for-iFlyVoice/" target="_blank">Agile Win Hotkey for iFlyVoice</a></h4> <figure><amp-img width="574" height="287" layout="intrinsic" src="/images/projects/windows-hotkey-for-iflyvoice_574.webp" alt="Agile Win Hotkey for iFlyVoice" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI4NyIgd2lkdGg9IjU3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="574" height="287" layout="intrinsic" src="/images/projects/windows-hotkey-for-iflyvoice_574.png" alt="Agile Win Hotkey for iFlyVoice" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI4NyIgd2lkdGg9IjU3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure>  <h4 class="project-title"><i class="fas fa-wrench"></i> <i class="fas fa-tachometer-alt"></i><br><a href="https://craftweeks.com/en/software/mdxlabpanel/" target="_blank">MDX LabPanel</a></h4> <p>GUI Control Panel for Roland MODELA MDX-15/20 CNC Machine</p> <figure><amp-img width="574" height="406" layout="intrinsic" src="/images/projects/screenshot-of-mdxlabpanel-v04-a-control-panel-roland-modela-mdx-1520.webp" alt="MDX LabPanel" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQwNiIgd2lkdGg9IjU3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="574" height="406" layout="intrinsic" src="/images/projects/screenshot-of-mdxlabpanel-v04-a-control-panel-roland-modela-mdx-1520.png" alt="MDX LabPanel" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQwNiIgd2lkdGg9IjU3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img><figcaption>Screenshot of MDX LabPanel v0.4</figcaption></figure> </section> <section id="academic-project-list"> <h3 class="section-title">Academic Projects</h3> <p class="keywords"><i>keywords: Molecular Dynamics, LAMMPS, OVITO</i></p> <h4 class="project-title"><i class="fas fa-atom"></i> <i class="fas fa-flask"></i> <i class="fas fa-university"></i><br><a href="/tag/lammps/">Skills and User Tips for "Large-scale Atomic/Molecular Massively Parallel Simulator" (LAMMPS)</a></h4> <ul> <li>How to Send a Notification from a LAMMPS Simulation to Your Email</li> <li>Tip for scripting LAMMPS: Create And Rename A Folder Based On The Input Variables</li> <li>[template] OVITO python modifier</li> </ul> </section> </section> </div> </section> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div> </div> <div class="col-sm-8"> <hr> <section class="article-post"> <h2 class="mt-4"><i class="fas fa-bong"></i> Welcome to my New Site</h2> <p>This site is a new version of my old site "<a href="https://chrisfung1125.wixsite.com/research-blog/" target="_blank">Blog of a POLIDA post-grad II .</a>" which was hosting in Wix.com. Now it has been moved to the GitHub page. It should deliver a much faster page loading speed and a nicer display of codes. I hope you will better enjoy my content.</p> </section> <hr> <section id="projects" class="article-post"> <div class="section-title"> <h2><span>Pinned Projects</span></h2> </div> <section id="personal-project-list"> <h3 class="section-title">Personal Projects</h3>  <h4 class="project-title"><i class="fab fa-instagram"></i> <i class="fas fa-cloud-download-alt"></i> <i class="fab fa-google-drive"></i><br><a href="https://chriskyfung.github.io/AutoFetcher-IG-Stories-to-GDrive/" target="_blank">AutoFetcher for Saving IG Stories to GDrive</a></h4> <figure><amp-img width="574" height="287" layout="intrinsic" src="/images/projects/instagram-to-drive_574x287_o55.webp" alt="Instagram to Google Drive Download Bot" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI4NyIgd2lkdGg9IjU3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="574" height="287" layout="intrinsic" src="/images/projects/instagram-to-drive_574x287_o55.jpg" alt="Instagram to Google Drive Download Bot" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI4NyIgd2lkdGg9IjU3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure> <p>A Google Apps Script for deploying a web application that automatically fetches the available latest IG Stories of a target Instagram user to your Google Drive.</p>  <h4 class="project-title"><i class="fab fa-windows"></i> <i class="fas fa-keyboard"></i> <i class="fas fa-microphone"></i><br><a href="https://chriskyfung.github.io/Agile-Win-Hotkey-for-iFlyVoice/" target="_blank">Agile Win Hotkey for iFlyVoice</a></h4> <figure><amp-img width="574" height="287" layout="intrinsic" src="/images/projects/windows-hotkey-for-iflyvoice_574.webp" alt="Agile Win Hotkey for iFlyVoice" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI4NyIgd2lkdGg9IjU3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="574" height="287" layout="intrinsic" src="/images/projects/windows-hotkey-for-iflyvoice_574.png" alt="Agile Win Hotkey for iFlyVoice" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI4NyIgd2lkdGg9IjU3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure>  <h4 class="project-title"><i class="fas fa-wrench"></i> <i class="fas fa-tachometer-alt"></i><br><a href="https://craftweeks.com/en/software/mdxlabpanel/" target="_blank">MDX LabPanel</a></h4> <p>GUI Control Panel for Roland MODELA MDX-15/20 CNC Machine</p> <figure><amp-img width="574" height="406" layout="intrinsic" src="/images/projects/screenshot-of-mdxlabpanel-v04-a-control-panel-roland-modela-mdx-1520.webp" alt="MDX LabPanel" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQwNiIgd2lkdGg9IjU3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="574" height="406" layout="intrinsic" src="/images/projects/screenshot-of-mdxlabpanel-v04-a-control-panel-roland-modela-mdx-1520.png" alt="MDX LabPanel" on="tap:lightbox1" role="button" tabindex="0" aria-label="lightbox" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQwNiIgd2lkdGg9IjU3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img><figcaption>Screenshot of MDX LabPanel v0.4</figcaption></figure> </section> <section id="academic-project-list"> <h3 class="section-title">Academic Projects</h3> <p class="keywords"><i>keywords: Molecular Dynamics, LAMMPS, OVITO</i></p> <h4 class="project-title"><i class="fas fa-atom"></i> <i class="fas fa-flask"></i> <i class="fas fa-university"></i><br><a href="/tag/lammps/">Skills and User Tips for "Large-scale Atomic/Molecular Massively Parallel Simulator" (LAMMPS)</a></h4> <ul> <li>How to Send a Notification from a LAMMPS Simulation to Your Email</li> <li>Tip for scripting LAMMPS: Create And Rename A Folder Based On The Input Variables</li> <li>[template] OVITO python modifier</li> </ul> </section> </section> </div> </section> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/privacy-policy.html b/privacy-policy.html
index 2fef90750..20fb9874a 100644
--- a/privacy-policy.html
+++ b/privacy-policy.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -22,19 +22,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Privacy Policy" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Privacy Policy" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Privacy Policy" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Privacy Policy" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Privacy Policy" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Privacy Policy" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Privacy Policy" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Privacy Policy" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Privacy Policy" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Privacy Policy" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Privacy Policy" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Privacy Policy" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Privacy Policy" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/search.html b/search.html
index 9808f6fd8..c815c9435 100644
--- a/search.html
+++ b/search.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -21,19 +21,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Search" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Search" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Search" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Search" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Search" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Search" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Search" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Search" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Search" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Search" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Search" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Search" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Search" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/sitemap.xml b/sitemap.xml
index a8457471e..825a06ccc 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -233,6 +233,10 @@
 <lastmod>2021-09-30T18:00:00+08:00</lastmod>
 </url>
 <url>
+<loc>https://chriskyfung.github.io/github-cli-repo-clone-custom-completion/</loc>
+<lastmod>2024-12-27T15:12:00+08:00</lastmod>
+</url>
+<url>
 <loc>https://chriskyfung.github.io/about</loc>
 </url>
 <url>
@@ -434,6 +438,15 @@
 <loc>https://chriskyfung.github.io/tag/tensorflow/</loc>
 </url>
 <url>
+<loc>https://chriskyfung.github.io/tag/bash/</loc>
+</url>
+<url>
+<loc>https://chriskyfung.github.io/tag/github-cli/</loc>
+</url>
+<url>
+<loc>https://chriskyfung.github.io/tag/autocompletions/</loc>
+</url>
+<url>
 <loc>https://chriskyfung.github.io/category/academic/</loc>
 </url>
 <url>
@@ -474,14 +487,14 @@
 </url>
 <url>
 <loc>https://chriskyfung.github.io/google0274dbf4a33f8f07.html</loc>
-<lastmod>2024-11-29T00:12:55+08:00</lastmod>
+<lastmod>2024-12-27T17:22:00+08:00</lastmod>
 </url>
 <url>
 <loc>https://chriskyfung.github.io/images/projects/qwiklabs-quests-map.html</loc>
-<lastmod>2024-11-29T00:12:55+08:00</lastmod>
+<lastmod>2024-12-27T17:22:00+08:00</lastmod>
 </url>
 <url>
 <loc>https://chriskyfung.github.io/yandex_3e10a2d0cfd334f2.html</loc>
-<lastmod>2024-11-29T00:12:55+08:00</lastmod>
+<lastmod>2024-12-27T17:22:00+08:00</lastmod>
 </url>
 </urlset>
diff --git a/tag/android-studio/index.html b/tag/android-studio/index.html
index e68b7d3d2..cdbc97e6e 100644
--- a/tag/android-studio/index.html
+++ b/tag/android-studio/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -24,19 +24,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Android Studio" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Android Studio" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Android Studio" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Android Studio" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Android Studio" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Android Studio" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Android Studio" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Android Studio" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Android Studio" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Android Studio" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Android Studio" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Android Studio" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Android Studio" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/apigee/index.html b/tag/apigee/index.html
index 8680d9677..7861350f7 100644
--- a/tag/apigee/index.html
+++ b/tag/apigee/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Apigee" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Apigee" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Apigee" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Apigee" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Apigee" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Apigee" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Apigee" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Apigee" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Apigee" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Apigee" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Apigee" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Apigee" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Apigee" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/autocompletions/index.html b/tag/autocompletions/index.html
new file mode 100644
index 000000000..652e68134
--- /dev/null
+++ b/tag/autocompletions/index.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html><html amp lang="en" i-amphtml-binding i-amphtml-layout i-amphtml-no-boilerplate transformed="self;v=1"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="preload" href="/assets/images/logo-plainSVG.svg" as="image"><link rel="preload" href="https://use.fontawesome.com/releases/v5.13.1/webfonts/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://use.fontawesome.com/releases/v5.13.1/webfonts/fa-regular-400.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://use.fontawesome.com/releases/v5.13.1/webfonts/fa-solid-900.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://chriskyfung.github.io/amp-affiliately-jekyll-theme/assets/images/b8d82a619c.png" as="image"><meta name="generator" content="Jekyll v4.2.2"><meta property="og:title" content="Autocompletions"><meta name="author" content="Chris KY Fung"><meta property="og:locale" content="en_US"><meta name="description" content="Feel free to bookmark this to keep an eye on my project updates"><meta property="og:description" content="Feel free to bookmark this to keep an eye on my project updates"><meta property="og:url" content="https://chriskyfung.github.io/tag/autocompletions/"><meta property="og:site_name" content="Chris KY FUNG’s Blog"><meta property="og:type" content="website"><meta name="twitter:card" content="summary"><meta property="twitter:title" content="Autocompletions"><meta name="google-site-verification" content="WvB_kR1tvqtLYj1YxGXkQp6X-ue8FgK5kfQOB2K8cZA"><style amp-runtime i-amphtml-version="012410292120000">html{overflow-x:hidden!important}html.i-amphtml-fie{height:100%!important;width:100%!important}html:not([amp4ads]),html:not([amp4ads]) body{height:auto!important}html:not([amp4ads]) body{margin:0!important}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}html.i-amphtml-singledoc.i-amphtml-embedded{-ms-touch-action:pan-y pinch-zoom;touch-action:pan-y pinch-zoom}html.i-amphtml-fie>body,html.i-amphtml-singledoc>body{overflow:visible!important}html.i-amphtml-fie:not(.i-amphtml-inabox)>body,html.i-amphtml-singledoc:not(.i-amphtml-inabox)>body{position:relative!important}html.i-amphtml-ios-embed-legacy>body{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important}html.i-amphtml-ios-embed{overflow-y:auto!important;position:static}#i-amphtml-wrapper{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;display:block!important}html.i-amphtml-ios-embed.i-amphtml-ios-overscroll,html.i-amphtml-ios-embed.i-amphtml-ios-overscroll>#i-amphtml-wrapper{-webkit-overflow-scrolling:touch!important}#i-amphtml-wrapper>body{position:relative!important;border-top:1px solid transparent!important}#i-amphtml-wrapper+body{visibility:visible}#i-amphtml-wrapper+body .i-amphtml-lightbox-element,#i-amphtml-wrapper+body[i-amphtml-lightbox]{visibility:hidden}#i-amphtml-wrapper+body[i-amphtml-lightbox] .i-amphtml-lightbox-element{visibility:visible}#i-amphtml-wrapper.i-amphtml-scroll-disabled,.i-amphtml-scroll-disabled{overflow-x:hidden!important;overflow-y:hidden!important}amp-instagram{padding:54px 0px 0px!important;background-color:#fff}amp-iframe iframe{box-sizing:border-box!important}[amp-access][amp-access-hide]{display:none}[subscriptions-dialog],body:not(.i-amphtml-subs-ready) [subscriptions-action],body:not(.i-amphtml-subs-ready) [subscriptions-section]{display:none!important}amp-experiment,amp-live-list>[update]{display:none}amp-list[resizable-children]>.i-amphtml-loading-container.amp-hidden{display:none!important}amp-list [fetch-error],amp-list[load-more] [load-more-button],amp-list[load-more] [load-more-end],amp-list[load-more] [load-more-failed],amp-list[load-more] [load-more-loading]{display:none}amp-list[diffable] div[role=list]{display:block}amp-story-page,amp-story[standalone]{min-height:1px!important;display:block!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;width:100%!important}amp-story[standalone]{background-color:#000!important;position:relative!important}amp-story-page{background-color:#757575}amp-story .amp-active>div,amp-story .i-amphtml-loader-background{display:none!important}amp-story-page:not(:first-of-type):not([distance]):not([active]){transform:translateY(1000vh)!important}amp-autocomplete{position:relative!important;display:inline-block!important}amp-autocomplete>input,amp-autocomplete>textarea{padding:0.5rem;border:1px solid rgba(0,0,0,.33)}.i-amphtml-autocomplete-results,amp-autocomplete>input,amp-autocomplete>textarea{font-size:1rem;line-height:1.5rem}[amp-fx^=fly-in]{visibility:hidden}amp-script[nodom],amp-script[sandboxed]{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden}
+/*# sourceURL=/css/ampdoc.css*/[hidden]{display:none!important}.i-amphtml-element{display:inline-block}.i-amphtml-blurry-placeholder{transition:opacity 0.3s cubic-bezier(0.0,0.0,0.2,1)!important;pointer-events:none}[layout=nodisplay]:not(.i-amphtml-element){display:none!important}.i-amphtml-layout-fixed,[layout=fixed][width][height]:not(.i-amphtml-layout-fixed){display:inline-block;position:relative}.i-amphtml-layout-responsive,[layout=responsive][width][height]:not(.i-amphtml-layout-responsive),[width][height][heights]:not([layout]):not(.i-amphtml-layout-responsive),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-layout-responsive){display:block;position:relative}.i-amphtml-layout-intrinsic,[layout=intrinsic][width][height]:not(.i-amphtml-layout-intrinsic){display:inline-block;position:relative;max-width:100%}.i-amphtml-layout-intrinsic .i-amphtml-sizer{max-width:100%}.i-amphtml-intrinsic-sizer{max-width:100%;display:block!important}.i-amphtml-layout-container,.i-amphtml-layout-fixed-height,[layout=container],[layout=fixed-height][height]:not(.i-amphtml-layout-fixed-height){display:block;position:relative}.i-amphtml-layout-fill,.i-amphtml-layout-fill.i-amphtml-notbuilt,[layout=fill]:not(.i-amphtml-layout-fill),body noscript>*{display:block;overflow:hidden!important;position:absolute;top:0;left:0;bottom:0;right:0}body noscript>*{position:absolute!important;width:100%;height:100%;z-index:2}body noscript{display:inline!important}.i-amphtml-layout-flex-item,[layout=flex-item]:not(.i-amphtml-layout-flex-item){display:block;position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.i-amphtml-layout-fluid{position:relative}.i-amphtml-layout-size-defined{overflow:hidden!important}.i-amphtml-layout-awaiting-size{position:absolute!important;top:auto!important;bottom:auto!important}i-amphtml-sizer{display:block!important}@supports (aspect-ratio:1/1){i-amphtml-sizer.i-amphtml-disable-ar{display:none!important}}.i-amphtml-blurry-placeholder,.i-amphtml-fill-content{display:block;height:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;margin:auto}.i-amphtml-layout-size-defined .i-amphtml-fill-content{position:absolute;top:0;left:0;bottom:0;right:0}.i-amphtml-replaced-content,.i-amphtml-screen-reader{padding:0!important;border:none!important}.i-amphtml-screen-reader{position:fixed!important;top:0px!important;left:0px!important;width:4px!important;height:4px!important;opacity:0!important;overflow:hidden!important;margin:0!important;display:block!important;visibility:visible!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:8px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:12px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:16px!important}.i-amphtml-unresolved{position:relative;overflow:hidden!important}.i-amphtml-select-disabled{-webkit-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.i-amphtml-notbuilt,[layout]:not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element){position:relative;overflow:hidden!important;color:transparent!important}.i-amphtml-notbuilt:not(.i-amphtml-layout-container)>*,[layout]:not([layout=container]):not(.i-amphtml-element)>*,[width][height][heights]:not([layout]):not(.i-amphtml-element)>*,[width][height][sizes]:not([layout]):not(.i-amphtml-element)>*{display:none}amp-img:not(.i-amphtml-element)[i-amphtml-ssr]>img.i-amphtml-fill-content{display:block}.i-amphtml-notbuilt:not(.i-amphtml-layout-container),[layout]:not([layout=container]):not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element){color:transparent!important;line-height:0!important}.i-amphtml-ghost{visibility:hidden!important}.i-amphtml-element>[placeholder],[layout]:not(.i-amphtml-element)>[placeholder],[width][height][heights]:not([layout]):not(.i-amphtml-element)>[placeholder],[width][height][sizes]:not([layout]):not(.i-amphtml-element)>[placeholder]{display:block;line-height:normal}.i-amphtml-element>[placeholder].amp-hidden,.i-amphtml-element>[placeholder].hidden{visibility:hidden}.i-amphtml-element:not(.amp-notsupported)>[fallback],.i-amphtml-layout-container>[placeholder].amp-hidden,.i-amphtml-layout-container>[placeholder].hidden{display:none}.i-amphtml-layout-size-defined>[fallback],.i-amphtml-layout-size-defined>[placeholder]{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:1}amp-img[i-amphtml-ssr]:not(.i-amphtml-element)>[placeholder]{z-index:auto}.i-amphtml-notbuilt>[placeholder]{display:block!important}.i-amphtml-hidden-by-media-query{display:none!important}.i-amphtml-element-error{background:red!important;color:#fff!important;position:relative!important}.i-amphtml-element-error:before{content:attr(error-message)}i-amp-scroll-container,i-amphtml-scroll-container{position:absolute;top:0;left:0;right:0;bottom:0;display:block}i-amp-scroll-container.amp-active,i-amphtml-scroll-container.amp-active{overflow:auto;-webkit-overflow-scrolling:touch}.i-amphtml-loading-container{display:block!important;pointer-events:none;z-index:1}.i-amphtml-notbuilt>.i-amphtml-loading-container{display:block!important}.i-amphtml-loading-container.amp-hidden{visibility:hidden}.i-amphtml-element>[overflow]{cursor:pointer;position:relative;z-index:2;visibility:hidden;display:initial;line-height:normal}.i-amphtml-layout-size-defined>[overflow]{position:absolute}.i-amphtml-element>[overflow].amp-visible{visibility:visible}template{display:none!important}.amp-border-box,.amp-border-box *,.amp-border-box :after,.amp-border-box :before{box-sizing:border-box}amp-pixel{display:none!important}amp-analytics,amp-auto-ads,amp-story-auto-ads{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden}amp-story{visibility:hidden!important}html.i-amphtml-fie>amp-analytics{position:initial!important}[visible-when-invalid]:not(.visible),form [submit-error],form [submit-success],form [submitting]{display:none}amp-accordion{display:block!important}@media (min-width:1px){:where(amp-accordion>section)>:first-child{margin:0;background-color:#efefef;padding-right:20px;border:1px solid #dfdfdf}:where(amp-accordion>section)>:last-child{margin:0}}amp-accordion>section{float:none!important}amp-accordion>section>*{float:none!important;display:block!important;overflow:hidden!important;position:relative!important}amp-accordion,amp-accordion>section{margin:0}amp-accordion:not(.i-amphtml-built)>section>:last-child{display:none!important}amp-accordion:not(.i-amphtml-built)>section[expanded]>:last-child{display:block!important}
+/*# sourceURL=/css/ampshared.css*/</style><script async src="https://cdn.ampproject.org/v0.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0.js" crossorigin="anonymous"></script><script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-ad-0.1.js" crossorigin="anonymous" custom-element="amp-ad"></script><script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js" crossorigin="anonymous" custom-element="amp-analytics"></script><script async custom-element="amp-auto-ads" src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js" crossorigin="anonymous" custom-element="amp-auto-ads"></script><script async custom-element="amp-autocomplete" src="https://cdn.ampproject.org/v0/amp-autocomplete-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-autocomplete-0.1.js" crossorigin="anonymous" custom-element="amp-autocomplete"></script><script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-bind-0.1.js" crossorigin="anonymous" custom-element="amp-bind"></script><script async custom-element="amp-consent" src="https://cdn.ampproject.org/v0/amp-consent-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-consent-0.1.js" crossorigin="anonymous" custom-element="amp-consent"></script><script async custom-element="amp-font" src="https://cdn.ampproject.org/v0/amp-font-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-font-0.1.js" crossorigin="anonymous" custom-element="amp-font"></script><script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-form-0.1.js" crossorigin="anonymous" custom-element="amp-form"></script><script async custom-element="amp-fx-collection" src="https://cdn.ampproject.org/v0/amp-fx-collection-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js" crossorigin="anonymous" custom-element="amp-fx-collection"></script><script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js" crossorigin="anonymous" custom-element="amp-iframe"></script><script async custom-element="amp-image-lightbox" src="https://cdn.ampproject.org/v0/amp-image-lightbox-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-image-lightbox-0.1.js" crossorigin="anonymous" custom-element="amp-image-lightbox"></script><script async custom-element="amp-lightbox" src="https://cdn.ampproject.org/v0/amp-lightbox-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-lightbox-0.1.js" crossorigin="anonymous" custom-element="amp-lightbox"></script><script async custom-element="amp-script" src="https://cdn.ampproject.org/v0/amp-script-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-script-0.1.js" crossorigin="anonymous" custom-element="amp-script"></script><link rel="icon" href="/assets/images/favicon_96x96.png"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.1/css/all.css" crossorigin><title>Autocompletions | Chris KY FUNG’s Blog</title><link rel="canonical" href="https://chriskyfung.github.io/tag/autocompletions/"><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","author":{"@type":"Person","name":"Chris KY Fung"},"description":"Feel free to bookmark this to keep an eye on my project updates","headline":"Autocompletions","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://chriskyfung.github.io/assets/images/logo-plainSVG.svg"},"name":"Chris KY Fung"},"url":"https://chriskyfung.github.io/tag/autocompletions/"}</script><link rel="preconnect dns-prefetch" href="https://www.googletagmanager.com" crossorigin><link rel="preconnect dns-prefetch" href="https://fonts.gstatic.com/" crossorigin><style amp-custom>html{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#292b2c;background-color:#fff}article,aside,figcaption,figure,footer,header,main,nav,section{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible;margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}kbd,samp{font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#0275d8;text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:100%;margin:0}optgroup{line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}textarea{overflow:auto}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}dl,ol,p,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-left:0}blockquote,figure{margin:0 0 1rem}img{vertical-align:middle}[role=button],a,area,button,input,label,select,summary,textarea{cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse;background-color:transparent}caption{padding-top:.75rem;padding-bottom:.75rem;color:#636c72;caption-side:bottom}caption,th{text-align:left}dd,label{margin-bottom:.5rem}label{display:inline-block}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,select,textarea{line-height:inherit}.lead{font-size:1.25rem;font-weight:300}.small,small{font-size:80%;font-weight:400}.blockquote{padding:.5rem 1rem;margin-bottom:1rem;font-size:1.25rem;border-left:.25rem solid #eceeef}.img-fluid{max-width:100%;height:auto}.figure{display:inline-block}.figure-caption{font-size:90%;color:#636c72}code,pre{font-size:90%}code{padding:.2rem .4rem;color:#bd4147;background-color:#f7f7f9;border-radius:.25rem}a>code,pre code{padding:0;color:inherit;background-color:inherit}pre{display:block;margin-top:0;margin-bottom:1rem;color:#292b2c}pre code{font-size:inherit;background-color:transparent;border-radius:0}.container{position:relative;margin-left:auto;margin-right:auto;padding-right:15px;padding-left:15px}@media (min-width:576px){.container{padding-right:15px;padding-left:15px}}@media (min-width:768px){.container{padding-right:15px;padding-left:15px}}@media (min-width:992px){.container{padding-right:15px;padding-left:15px}}@media (min-width:1200px){.container{padding-right:15px;padding-left:15px}}.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto{-webkit-box-flex:0}.col-1{-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width:576px){.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-sm-3,.col-sm-4,.col-sm-6,.col-sm-8{-webkit-box-flex:0}.col-sm-3{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-8{-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-4{-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}}.table{width:100%;max-width:100%;margin-bottom:1rem}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #eceeef}.table thead th{vertical-align:bottom;border-bottom:2px solid #eceeef}.form-control{display:block;width:100%;padding:.5rem .75rem;font-size:1rem;line-height:1.25;color:#464a4c;background-color:#fff;background-image:none;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#464a4c;background-color:#fff;border-color:#5cb3fd;outline:0}.form-control::-webkit-input-placeholder{color:#636c72;opacity:1}.form-control::-moz-placeholder{color:#636c72;opacity:1}.form-control:-ms-input-placeholder{color:#636c72;opacity:1}.form-control::placeholder{color:#636c72;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#eceeef;opacity:1}.form-control:disabled{cursor:not-allowed}select.form-control:focus::-ms-value{color:#464a4c;background-color:#fff}.form-group{margin-bottom:1rem}.btn{display:inline-block;font-weight:400;line-height:1.25;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.5rem 1rem;font-size:1rem;border-radius:.25rem;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.btn:focus,.btn:hover{text-decoration:none}.btn:focus{-webkit-box-shadow:0 0 0 2px rgba(2,117,216,.25);box-shadow:0 0 0 2px rgba(2,117,216,.25)}.btn:disabled{cursor:not-allowed;opacity:.65}.btn:active{background-image:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-primary:focus{-webkit-box-shadow:0 0 0 2px rgba(2,117,216,.5);box-shadow:0 0 0 2px rgba(2,117,216,.5)}.btn-primary:disabled{background-color:#0275d8;border-color:#0275d8}.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#025aa5;background-image:none;border-color:#01549b}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-group-lg>.btn,.btn-lg{padding:.75rem 1.5rem;font-size:1.25rem}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.show{opacity:1}.collapse{display:none}.collapse.show{display:block}.collapsing{height:0;overflow:hidden;-webkit-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.collapsing,.dropdown,.dropup{position:relative}.dropdown-toggle:after{display:inline-block;width:0;height:0;margin-left:.3em;vertical-align:middle;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-left:.3em solid transparent}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#292b2c;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-item{padding:3px 1.5rem;clear:both;font-weight:400;color:#292b2c;text-align:inherit;white-space:nowrap;background:0 0;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#1d1e1f;text-decoration:none;background-color:#f7f7f9}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0275d8}.nav-link{display:block;padding:.5em 1em}.nav-link:focus,.nav-link:hover{text-decoration:none}.navbar{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:.5rem 1rem}.navbar-brand{display:inline-block;padding-top:.25rem;padding-bottom:.25rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav,.navbar-nav .row{list-style:none}.navbar-toggler{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;padding:.25rem .75rem;font-size:1.25rem;line-height:1;background:0 0;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat 50%;-webkit-background-size:100% 100%;background-size:100% 100%}@media (max-width:991px){.navbar-toggleable-md .navbar-nav .dropdown-menu{position:static;float:none}.navbar-toggleable-md>.container{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-toggleable-md,.navbar-toggleable-md .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.navbar-toggleable-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-toggleable-md,.navbar-toggleable-md>.container{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.navbar-toggleable-md .navbar-collapse,.navbar-toggleable-md>.container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.navbar-toggleable-md .navbar-collapse{width:100%}.navbar-toggleable-md .navbar-toggler{display:none}}.navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover,.navbar-light .navbar-toggler,.navbar-light .navbar-toggler:focus,.navbar-light .navbar-toggler:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-toggler{border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, .5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}.card{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#fff;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card-block{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.alert,.pagination{border-radius:.25rem}.pagination{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-left:0;list-style:none}.alert{padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.75}button.close{padding:0;background:0 0;border:0;-webkit-appearance:none}.modal-open,.model{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out;-webkit-transform:translateY(-25%);-o-transform:translateY(-25%);transform:translateY(-25%)}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:15px;border-bottom:1px solid #eceeef}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;padding:15px}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:30px auto}}.clearfix:after{display:block;content:"";clear:both}.justify-content-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media (min-width:992px){.float-lg-left{float:left}.float-lg-right{float:right}.float-lg-none{float:none}}.mr-2{margin-right:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.p-0{padding:0}.pt-3{padding-top:1rem}.ml-auto{margin-left:auto}.pr-lg-3{padding-right:1rem}.text-center{text-align:center}body,pre{font-display:swap}body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;overflow-x:hidden}.mainheading{padding:0 0 1rem}a{color:#6fd350}a,a:hover{transition:all .2s}pre{-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 1.75em;border:1px solid #e3edf3;width:100%;padding:10px;font-size:14px;white-space:pre;overflow:auto;background:#f7fafb;border-radius:3px;line-height:1.3}.mediumnavigation{background:#fff;transition:top .5s ease-in-out;padding:1.5rem 1rem;box-shadow:0 10px 40px 0 rgba(0,0,0,.05)}.navbar-toggler-right{position:absolute;right:-2%;top:0}.nav-up{box-shadow:none}.site-content{padding-top:2rem;margin-top:57px;transition:all .4s}section{margin-bottom:20px}section.featured-posts{margin-bottom:30px}section.recent-posts{margin-bottom:0}.section-title h2{font-weight:700;font-size:1.4rem;margin-bottom:27px;position:relative}.section-title h2:before{margin-bottom:0;position:absolute;z-index:1;left:15px;right:0;top:12px;height:1px;content:"";background-color:#f5f5f5}.section-title span{background-color:#fff;position:relative;z-index:2;display:inline-block;padding:0 15px 0 0;font-size:14px;text-transform:uppercase;letter-spacing:1px}.layout-page .section-title span{font-size:2rem;text-transform:none;letter-spacing:0}.layout-page .section-title h2:before{top:17px}.article-post ol,.article-post ul{margin-bottom:1.5rem}.prevnextlinks .thepostlink{padding:20px 0;font-size:17px;display:block;color:#111;font-weight:500}.prevnextlinks{border-top:1px solid #eee;border-bottom:1px solid #eee;margin-left:0;margin-right:0}.prevnextlinks .rightborder{border-right:1px solid #eee}.navbar-toggleable-md .navbar-nav .nav-link.highlight{background:#6fd350;color:#fff;border-radius:4px;box-shadow:0 6px 10px 0 rgba(0,0,0,.1);padding-left:1em;padding-right:1em}.navbar-toggler{z-index:9999}.navbar-toggleable-md .navbar-nav .nav-link{color:#333;font-size:.94em;font-weight:500;letter-spacing:1px;margin-left:0;margin-top:10px;text-transform:uppercase}.mediumnavigation .dropdown-menu{margin:0 0 15px;box-shadow:none;border:0}.card-columns .card{margin-bottom:20px}.listfeaturedtag .wrapmeta,.listfeaturedtag .wrapthumbnail{position:relative;width:100%;min-height:1px;max-width:100%;-webkit-box-flex:0;-webkit-flex:100%;-ms-flex:100%;flex:100%}.listfeaturedtag .wrapthumbnail{padding:0 15px}.listfeaturedtag .wrapmeta{padding:0}.listfeaturedtag .wrapthumbnail{height:250px}.listfeaturedtag .card{border:0;border-radius:2px;height:calc(100% - 15px);padding-left:0;margin-bottom:15px;box-shadow:1px 2px 14px 0 rgba(0,0,0,.2)}.listfeaturedtag .card-block{padding:20px 20px 50px}.listfeaturedtag .thumbnail{background-size:cover;height:100%;display:block;background-position:38% 22%;background-origin:border-box;border-top-left-radius:2px}.listfeaturedtag .card-title,.listrecent .card-title{font-size:1.3rem;font-weight:500;line-height:1.25}.listfeaturedtag .card-title a,.listrecent .card-title a{color:#111;font-weight:500}.listfeaturedtag .card-title a:hover,.listrecent .card-title a:hover{color:rgba(0,0,0,.6);text-decoration:none}.card-text{color:#666;font-size:.95rem;line-height:1.8;font-weight:400}.listfeaturedtag .wrapfooter{position:absolute;font-size:12px;display:block;width:100%;left:0;right:0;bottom:-15px;margin:auto;padding:0 20px}.listrecent{width:100%}.listrecent .wrapfooter{font-size:12px;margin-top:30px}.author-thumb{width:40px;height:40px;float:left;margin-right:13px;border-radius:100%}.intro h2,.post-top-meta{margin-bottom:1rem;margin-top:3rem}.post-top-meta span{font-size:.9rem;color:rgba(0,0,0,.44)}.post-top-meta .author-thumb{width:72px;height:72px}.post-top-meta.authorpage .author-thumb{margin-top:40px}.post-top-meta .author-description{margin-bottom:5px;margin-top:10px;font-size:.95rem}.author-meta{flex:1 1 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.alertbar form,.bottompagination span.navigation i,.post-top-meta span,.share ul li,div.post-date,span.author-meta,span.post-name{display:inline-block}div.post-date,span.post-read{color:#75748a;margin:7px 0}.share ul li i.fa,span.post-read-more a{width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%}span.post-read-more a{color:#75748a;align-items:center;float:right;border:1px solid #d0d0d0}span.post-name a,span.post-read-more a:hover{color:rgba(0,0,0,.8)}.dot:after{content:"\00b7";margin-left:3px;margin-right:3px}.mainheading h1.sitetitle{font-family:Georgia,Times New Roman,Times,serif;font-display:swap}.mainheading h1.posttitle{font-weight:700;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.intro{background-image:url(https://chriskyfung.github.io/amp-affiliately-jekyll-theme/assets/images/head.svg);background-size:contain;margin-top:-87px;margin-bottom:3.5rem;padding:3rem 0;position:relative;z-index:1}.intro .btn{background:#fff100;border:0;color:#333;border-radius:3px;font-weight:500;padding:15px 40px;box-shadow:0 6px 10px 0 rgba(0,0,0,.1);text-transform:uppercase;font-size:13px;letter-spacing:1px}.intro h1{font-weight:700}.intro h2{margin-top:1rem;color:#888;line-height:1.6}.wrapintro{background:rgba(211,201,255,.871);max-width:90%;width:700px;margin:0 auto;padding:2rem 1rem;text-align:center}.article-post,.link-dark{color:rgba(0,0,0,.8)}.article-post{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:1.1rem;line-height:1.8}.article-post a{color:inherit;text-decoration:none;box-shadow:inset 0 -2px 0 #ffe51f,0 2px 0 #ffe51f}.article-post a:hover{box-shadow:inset 0 -30px 0 #ffe51f,0 2px 0 #ffe51f;text-decoration:none}blockquote{border-left:4px solid #6fd350;padding:0 20px;font-style:italic;color:rgba(0,0,0,.5)}.article-post blockquote,.article-post p{margin:0 0 1.5rem}.featured-image{display:block;margin-bottom:2rem}.featured-image[fallback]{margin-bottom:0}.article-post amp-iframe,.article-post amp-img,.featured-image{box-shadow:0 6px 10px 0 rgba(0,0,0,.1)}.article-post p iframe{margin-bottom:.5rem}.share{text-align:center;display:none}.share p{margin-bottom:10px;font-size:.95rem}.share ul li{margin-bottom:9px}.share ul{padding-left:0;margin-left:0}.share ul li i.fa{border:1px solid #ddd}.svgIcon{vertical-align:middle}.full-width{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.share,.share a{color:rgba(0,0,0,.44);fill:rgba(0,0,0,.44)}.graybg{background-color:#fafafa;padding:40px 0 46px;position:relative}.listrecent .card{border-radius:4px;margin-bottom:30px;box-shadow:0 0 1px 0 rgba(0,0,0,.14);border:0}.card .img-thumb{border-top-right-radius:4px;border-top-left-radius:4px}.margtop3rem{margin-top:3rem}.sep{height:1px;width:20px;background:#999;margin:0 auto 1.2rem}.btn,.btn-group-lg>.btn,.btn-lg{border-radius:.3rem;font-size:15px}.btn{box-shadow:0 6px 10px 0 rgba(0,0,0,.1);font-weight:500;cursor:pointer}.btn,a.btn{color:#fff}.btn-group-lg>.btn,.btn-lg{padding:1rem 2rem}.btn-primary{background-color:#675bff;border-color:#483aff}.btn-primary:hover{background-color:#483aff;border-color:#372cd8}.btn.follow{border-color:#6fd350;color:#6fd350;padding:3px 10px;text-align:center;border-radius:999em;font-size:.85rem;display:inline-block;box-shadow:none;font-weight:400}.btn.subscribe{border-color:#1c9963;border-radius:30px;margin-left:10px;text-transform:uppercase}.post-top-meta .btn.follow{margin-left:5px;margin-top:-4px}.alertbar{box-shadow:0 -3px 10px 0 rgba(0,0,0,.0785);position:fixed;bottom:0;left:0;background-color:#fff;width:100%;padding:14px 0;z-index:1;display:none}.alertbar input[type=email]{font-size:.85rem;padding:3px 5px 3px 10px;border-top-left-radius:3px;border-bottom-left-radius:3px;border:1px solid #ddd;border-right:0;margin-right:-10px;height:34px;letter-spacing:.5px;margin-left:5px}.alertbar input[type=submit],.btn.subscribe{background-color:#1c9963;color:#fff;fill:#fff;font-size:.85rem;font-weight:600}.alertbar input[type=submit]{border:1px solid #1c9963;border-radius:0;padding:4px 10px;border-top-right-radius:3px;border-bottom-right-radius:3px;height:34px;letter-spacing:.5px;cursor:pointer}.form-control::-webkit-input-placeholder{color:rgba(0,0,0,.5)}.form-control::-moz-placeholder{color:rgba(0,0,0,.5)}.form-control:-ms-input-placeholder{color:rgba(0,0,0,.5)}.form-control::-ms-input-placeholder{color:rgba(0,0,0,.5)}.form-control{border:1px solid #eee;border-radius:0}.authorpage h1{font-weight:700;font-size:30px}.post-top-meta.authorpage .author-thumb{float:none}.authorpage .author-description{font-size:1rem;color:rgba(0,0,0,.6)}.post-top-meta.authorpage,.sociallinks a,span.navigation{text-align:center}.post-top-meta.authorpage .btn.follow{padding:7px 20px;margin-top:10px;margin-left:0;font-size:.9rem}.graybg.authorpage{border-top:1px solid #f0f0f0}.authorpostbox{width:760px;margin:0 auto 1.5rem;max-width:100%}.authorpostbox .img-thumb{width:100%}.sociallinks{margin:1rem 0}.sociallinks a{background:#666;color:#fff;width:22px;height:22px;display:inline-block;line-height:22px;border-radius:50%;font-size:12px}#comments{margin-top:3rem;margin-bottom:1.5rem}#mc_embed_signup .mc-field-group input{text-indent:5%}#mc_embed_signup{font-family:inherit}h1,h2,h3,h4,h5,h6{color:inherit;font-weight:500;line-height:1.4;margin-top:0;margin-bottom:.5rem}.article-post h1,.article-post h2,.article-post h3,.article-post h4,.article-post h5,.article-post h6{margin-top:2rem;margin-bottom:1rem}.article-post img.shadow{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.3);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.3);box-shadow:0 0 10px 0 rgba(0,0,0,.3)}img{height:auto}.bottompagination span.navigation a{background:#fff100;color:#333;padding:5px;border-radius:3px;text-transform:none;font-weight:500;letter-spacing:0;min-width:100px;display:inline-block}.pointerup{margin-bottom:-18px;margin-left:49%;font-size:30px}.pointerup i.fa{color:#eaeaea}span.navigation{display:block;font-size:.93rem;font-weight:700;position:relative}span.navigation:before{margin-bottom:0;position:absolute;z-index:1;left:0;right:0;top:12px;height:1px;content:"";background-color:#eee}.pagination{display:inline-block;background:#fff;z-index:1;position:relative;padding:0 20px;font-size:13px;letter-spacing:.5px;font-weight:500;text-transform:uppercase}iframe,img{max-width:100%}.mediumnavigation .form-control{font-size:.8rem;border-radius:30px;overflow:hidden;border:1px solid rgba(0,0,0,.04)}.mediumnavigation .form-inline{margin-left:15px}.mediumnavigation .form-inline .btn{margin-left:-50px;border:0;border-radius:30px;cursor:pointer}.mediumnavigation .form-inline .btn:active,.mediumnavigation .form-inline .btn:hover{background:0 0;color:green}.mediumnavigation .navbar-brand{font-weight:500;padding:0}.dropdown-item{display:block;width:100%;padding:7px 1.5rem}.dropdown-menu,.mediumnavigation .nav-item{font-size:.9rem}.dropdown-menu{display:none;overflow:auto;z-index:1}.dropdown-toggle:focus~.dropdown-menu,.dropdown:hover .dropdown-menu{display:block}.dropdown:focus-within .dropdown-menu{display:block}.mediumnavigation .search-icon{margin-left:-40px;display:inline-block;margin-top:3px;cursor:pointer}.mediumnavigation .navbar-brand img{margin-right:7px;vertical-align:text-bottom;max-width:none}.navbar-collapse{border-top:1px solid #ddd}.navbar-btngroup{flex-wrap:nowrap;justify-content:right;list-style:none;margin-bottom:0;padding-left:0}.navbar-btngroup .btn{margin-left:.5rem}.navbar-nav{max-height:60vh;overflow:auto}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030;overflow:hidden}.fixed-top:focus,.fixed-top:hover{overflow-x:visible;overflow-y:visible}.fixed-top:focus-within{overflow-x:visible;overflow-y:visible}.scrollbar-thin{scrollbar-width:thin}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:#eee;border-radius:0 3px 3px 0}.scrollbar-thin::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#888}.searchbox{display:inline;width:calc(100% - 86px)}:root{--space-2:1rem;--space-3:1.5rem}#consent-ui,#consent-ui .container{background:#fff;font-size:.9rem;transition:right .3s ease}#consent-ui h2{display:flex;align-items:center;color:#675bff;font-size:1.6rem;column-gap:.9rem}#consent-ui .description{margin:.6rem auto .9rem}#consent-ui .description p{color:#333}#consent-ui a{color:#675bff}#consent-ui a:hover{color:#483aff;text-decoration:underline}#consent-ui .buttons{max-width:100%;width:300px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem}#consent-ui .button{background-color:#fff;color:#483aff;padding:8px 16px;border:2px solid #675bff;border-radius:4px;cursor:pointer;min-width:max(140px,calc(100% / 2 - 10px));transition:all .2s ease}#consent-ui .button:hover{background-color:#483aff;color:#fff}#consent-ui .button.fill{border:none;background:#675bff;color:#fff}#consent-ui .button.fill:hover{background-color:#483aff}#cookie-consent-banner{padding:.9rem 1.5rem .1rem;display:flex;flex-wrap:wrap;justify-content:space-evenly;column-gap:.9rem}#cookie-consent-banner header{max-width:768px;min-width:min(375px,100%);width:calc(100% - 320px)}#cookie-consent-banner h2{font-size:1.25rem;column-gap:.5rem}#cookie-preference-modal{position:fixed;top:50%;left:50%;max-width:345px;width:100%;border-radius:8px;padding:1.25rem 1.5rem 1.75rem;transform:translate(-50%,-50%);box-shadow:0 5px 10px rgba(0,0,0,.1)}#consent-choices{margin:1rem;display:flex;flex-direction:column}.consentLabel input{margin:.5rem}#post-consent-ui{position:fixed;bottom:50px;left:20px;z-index:99}#post-consent-ui button{border-radius:50%;font-size:1.66rem;width:3rem;height:3rem;padding:0;border:3px solid #483aff}.invitation-codes a{background:linear-gradient(139deg,#ffc92f,#ff185c,#f316d5,#b81ed2);font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#fff;font-weight:700;border-radius:5px;padding:0 10px;height:36px;display:inline-block}.invitation-codes svg{float:left;vertical-align:middle;display:inline;margin-right:4.5px;margin-left:4.5px;padding-top:7px;height:28px}.invitation-codes span{padding:0 12px;vertical-align:middle;float:left;line-height:34px}amp-ad{background-image:url(https://chriskyfung.github.io/amp-affiliately-jekyll-theme/assets/images/b8d82a619c.png);background-position:50%;background-repeat:no-repeat;background-size:50px}.article-post .anchor-link{visibility:hidden;box-shadow:none;color:#daa520;font-size:1rem;margin-left:.5rem;vertical-align:super}.article-post .anchor-link:hover{box-shadow:none}.anchor-link:focus,.article-post :hover>.anchor-link{visibility:visible}amp-img[aria-label=lightbox]{cursor:zoom-in}amp-image-lightbox img{object-fit:scale-down}amp-image-lightbox button:last-of-type{cursor:zoom-out;min-width:100%;min-height:100%}amp-image-viewer img{max-width:fit-content;transition:width .25s linear}amp-lightbox{background-color:rgba(0,0,0,.6);z-index:1050}a.vglnk{border-bottom:2px dashed grey;box-shadow:unset}.shadow-none,figure.shadow-none *{box-shadow:none}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.7rem}h4{font-size:1.48rem}h5{font-size:1.3rem}h6{font-size:1.25rem}kbd{background-color:#eee;border-radius:3px;border:1px solid #b4b4b4;box-shadow:0 1px 1px rgba(0,0,0,.2),inset 0 2px 0 0 hsla(0,0%,100%,.7);display:inline-block;font-size:.85em;line-height:1;padding:2px 4px;white-space:nowrap}.article-post h2:not(:first-of-type){margin-top:5rem}.article-post del{color:#999;text-decoration-color:#f05f70}.article-post del a{box-shadow:none;border-bottom:1px solid #ddd;text-decoration:inherit}.article-post .box-highlight{box-shadow:1px 2px 15px #675bff}.article-post figcaption{font-size:smaller}.article-post a>code{padding:.2rem .4rem;color:#bd4147;background-color:#f7f7f9;box-shadow:inset 0 -2px 0 #ffe51f,0 2px 0 #ffe51f}.article-post a.citation,.article-post a.footnote,.article-post a.reversefootnote{box-shadow:none;background-color:#ffe51f}.card .row,.card>a{height:100%}.container{width:96%;max-width:100%}.inline-fix+*{display:inline}.inline-fix+*+.badge{vertical-align:text-top}.listfeaturedtag .card .thumbnail img{width:500px;height:258px}.listfeaturedtag .card-list{width:100%}.listfeaturedtag .card-list .thumbnail img{width:500px;height:150px;object-fit:cover}.listfeaturedtag .card-list .card-title{font-size:1rem}.listfeaturedtag .card-list .wrapthumbnail{height:150px}.mono{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.thumbnail.fit-left img{object-position:left}.thumbnail.fit-right img{object-position:right}.screen-reader-only{position:absolute;left:-5000px}.screen-reader-only:focus{left:0}.left-sidebar{order:1}.sidebar{font-size:15px;max-width:100%}.sidebar h3,.sidebar h3 span{text-align:center;position:relative}.sidebar h3{font-size:1.3rem;margin-bottom:1rem;font-weight:700}.sidebar h3 span{background-color:#fff;z-index:2;display:inline-block;padding:0 15px;font-size:14px;text-transform:uppercase;letter-spacing:1px}.sidebar h3:before{margin-bottom:0;position:absolute;z-index:1;left:0;top:12px;width:100%;height:1px;content:"";background-color:#333}.sidebar ul{list-style:none;padding-left:0}.sidebar li a{color:#999;border-bottom:1px solid #f6f6f6;display:block;padding-bottom:10px;padding-top:10px}.sidebar-section{margin-bottom:2rem;padding:30px 10px 30px 20px;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}.sidebar #mc_embed_signup form{padding:0}.sidebar #mc_embed_signup .button{width:100%;background:#675bff;height:auto;padding:6px 20px;font-weight:600;box-shadow:0 6px 10px 0 rgba(0,0,0,.1)}.sidebar #mc_embed_signup h2{font-weight:400;font-size:15px;color:#999;margin-bottom:1rem;line-height:1.5;text-align:center}.sidebar #mc_embed_signup .mc-field-group,.sidebar #mc_embed_signup input{width:100%}.tags{list-style:none;padding-left:0;margin:0 0 1.5rem}.tags li{display:inline-block;font-size:.9rem;margin-right:.2rem}.tags li:last-child{margin-right:0}.tags li a{background:#fff100;color:#333;padding:3px 10px;border-radius:3px;font-weight:500;font-size:.93em;text-transform:capitalize;text-decoration:none;box-shadow:0 6px 10px 0 hsla(0,0%,65.9%,.1)}.tags li a:hover{background:rgba(0,0,0,.07);text-decoration:none}.tags.rounded-tags li a{background:0 0;border:1px solid;border-radius:20px}.tags.rounded-tags code a{box-shadow:inherit}.beforefooter{background:linear-gradient(rgba(255,241,0,.8),rgba(255,241,0,.8)),url(https://chriskyfung.github.io/images/header-bg.jpg);background-size:contain;background-position-x:center;background-blend-mode:overlay;color:#111;max-width:100%;margin:50px auto -50px;padding:50px 0;text-align:center}@supports (background-blend-mode:overlay){.beforefooter{background-color:#fff100;background-image:url(https://chriskyfung.github.io/images/header-bg.jpg);background-blend-mode:overlay}}.beforefooter h3{margin-bottom:1rem}.footer{background-color:#171e27;border-top:1px solid rgba(0,0,0,.05);color:#999;margin-top:50px;margin-bottom:0;padding:30px 0;text-align:center}.footer a{color:inherit}.footer a:hover{color:#fff;text-decoration:none}.footer amp-ad{max-width:1140px;margin:auto}.footer-bar{padding-top:1.5rem;font-size:.9em}.footer-bar a{color:#eee}.footer .textwidget a{border-bottom:1px dashed}.footer-widget{font-size:15px;margin-top:1rem;margin-bottom:1rem}.footer-widget .title{font-size:18px;text-transform:uppercase;letter-spacing:1px;color:#fff;margin-bottom:1.5rem}.footer-widget ul{list-style:none;padding-left:0}.footer-widget li{margin:12px 0}.footer-widget .recent-posts img{float:left;margin-right:10px}.footer-widget-blob{background:#e9e4ff;border-radius:60% 70% 500% 70%}.footer-widget-image-wrapper{display:block;margin:auto;max-width:350px}.footersocial h3{font-size:1.48rem}.footersocial .fab{width:40px;height:40px;line-height:40px;text-align:center;display:inline-block;background:#fff;border-radius:3px;box-shadow:0 6px 10px 0 rgba(0,0,0,.1);font-size:18px;margin-left:5px;color:#3c3838;margin-top:10px}.bmc-button img{height:34px;width:35px;margin-bottom:1px;box-shadow:none;border:0;vertical-align:middle}.bmc-button{line-height:35px;height:51px;display:inline-flex;background-color:#ff813f;border-radius:5px;border:1px solid transparent;padding:7px 15px 7px 10px;font-size:28px;letter-spacing:.6px;box-shadow:0 1px 2px hsla(0,0%,74.9%,.5);margin:0 auto;font-family:Cookie,cursive;-webkit-box-sizing:border-box;box-sizing:border-box}.bmc-button,.bmc-button:active,.bmc-button:focus,.bmc-button:hover{text-decoration:none;color:#fff;-webkit-box-shadow:0 1px 2px 2px hsla(0,0%,74.9%,.5)}.bmc-button:active,.bmc-button:focus,.bmc-button:hover{box-shadow:0 1px 2px 2px hsla(0,0%,74.9%,.5);opacity:.85}@media (min-width:576px){.beforefooter{text-align:left}.bmc-button{font-size:16.5px}.card-columns.listfeaturedtag{-webkit-column-count:2;-moz-column-count:2;column-count:2}.footer{text-align:left}.footer-widget{margin-bottom:3rem;margin-top:3rem}.left-sidebar{order:-1}.listfeaturedtag .card .thumbnail img{left:-50%;max-width:500px;overflow-x:hidden}.listfeaturedtag .card-list .thumbnail img{width:291px}.sidebar{max-width:340px}}@media (min-width:768px){.bmc-button{font-size:28px}.listfeaturedtag .card .thumbnail img{left:-25%}.post-top-meta.authorpage{text-align:left}}@media (min-width:992px){.intro{padding:9rem 0}.intro h2{margin-top:2rem;margin-bottom:2rem}.listfeaturedtag .card{height:260px}.listfeaturedtag .card .thumbnail img{left:-75%}.listfeaturedtag .card-list{height:auto}.listfeaturedtag .card-block{padding-left:0}.listfeaturedtag .wrapfooter{padding-left:0;right:auto}.listfeaturedtag .wrapmeta{-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;margin-left:-3px}.listfeaturedtag .wrapthumbnail{-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;max-width:41.666667%;height:258px;flex:0 0 auto}.mediumnavigation .dropdown-menu{box-shadow:0 0 7px rgba(0,0,0,.2);max-height:60vh}.navbar-collapse{border:0}.navbar-toggleable-md .navbar-nav .nav-link{margin-left:.5rem;margin-top:0}.navbar-nav{max-height:60vh;overflow:visible}.wrapintro{padding:3rem}}@media (min-width:1025px){.navbar-btngroup .btn,.navbar-toggleable-md .navbar-nav .nav-link{margin-left:.75rem}}@media (min-width:1200px){.container{width:1140px;max-width:100%}.navbar-btngroup .btn,.navbar-toggleable-md .navbar-nav .nav-link{margin-left:1rem}}@supports (object-fit:cover){.listfeaturedtag .card .thumbnail img{left:inherit;max-width:inherit;object-fit:cover}}.gh-style.btn{position:relative;display:inline-block;padding:5px 16px;font-size:14px;font-weight:500;line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;-webkit-appearance:none;appearance:none;color:#24292e;background-color:#fafbfc;border:1px solid rgba(27,31,35,.15);box-shadow:0 1px 0 rgba(27,31,35,.04),inset 0 1px 0 hsla(0,0%,100%,.25);transition:background-color .2s cubic-bezier(.3,0,.5,1)}.gh-style.btn:hover{text-decoration:none}.gh-style.btn.disabled,.gh-style.btn:disabled,.gh-style.btn[aria-disabled=true]{cursor:default}.gh-style.btn.disabled .octicon,.gh-style.btn:disabled .octicon,.gh-style.btn[aria-disabled=true] .octicon{color:inherit}.gh-style.btn i{font-style:normal;font-weight:500;opacity:.75}.gh-style.btn .octicon{margin-right:4px;color:#6a737d;vertical-align:text-bottom}.gh-style.btn .octicon:only-child{margin-right:0}.gh-style.btn .Counter{margin-left:2px;color:inherit;text-shadow:none;vertical-align:top;background-color:rgba(27,31,35,.08)}.gh-style.btn .dropdown-caret{margin-left:4px;opacity:.8}.gh-style.btn.hover,.gh-style.btn:hover,[open]>.gh-style.btn{background-color:#f3f4f6;transition-duration:.1s}.gh-style.btn.selected,.gh-style.btn:active,.gh-style.btn[aria-selected=true]{background-color:#edeff2;box-shadow:inset 0 1px 0 rgba(225,228,232,.2);transition:none}.gh-style.btn.disabled,.gh-style.btn:disabled,.gh-style.btn[aria-disabled=true]{color:#959da5;background-color:#fafbfc;border-color:rgba(27,31,35,.15)}.gh-style.btn.focus,.gh-style.btn:focus{outline:1px dotted transparent;outline-offset:2px;box-shadow:0 0 0 3px rgba(3,102,214,.3)}.gh-style.btn-primary{color:#fff;background-color:#2ea44f;border-color:rgba(27,31,35,.15);box-shadow:0 1px 0 rgba(27,31,35,.1),inset 0 1px 0 hsla(0,0%,100%,.03)}.gh-style.btn-primary.hover,.gh-style.btn-primary:hover,[open]>.gh-style.btn-primary{background-color:#2c974b}.gh-style.btn-primary.selected,.gh-style.btn-primary:active,.gh-style.btn-primary[aria-selected=true]{background-color:#2a8f47;box-shadow:inset 0 1px 0 rgba(20,70,32,.2)}.gh-style.btn-primary.disabled,.gh-style.btn-primary:disabled,.gh-style.btn-primary[aria-disabled=true]{color:hsla(0,0%,100%,.8);background-color:#94d3a2;border-color:rgba(27,31,35,.1);box-shadow:0 1px 0 rgba(27,31,35,.1),inset 0 1px 0 hsla(0,0%,100%,.03)}.gh-style.btn-primary.focus,.gh-style.btn-primary:focus{box-shadow:0 0 0 3px rgba(46,164,79,.4)}.gh-style.btn-primary .Counter{color:inherit;background-color:hsla(0,0%,100%,.2)}.gh-style.btn-primary .octicon{color:hsla(0,0%,100%,.8)}.gh-style.btn-danger{color:#cb2431;transition:none}.gh-style.btn-danger:hover,[open]>.gh-style.btn-danger{color:#fff;background-color:#cb2431;border-color:rgba(27,31,35,.15);box-shadow:0 1px 0 rgba(27,31,35,.1),inset 0 1px 0 hsla(0,0%,100%,.03)}.gh-style.btn-danger:hover .Counter,[open]>.gh-style.btn-danger .Counter{background-color:hsla(0,0%,100%,.2)}.gh-style.btn-danger:hover .octicon,[open]>.gh-style.btn-danger .octicon{color:inherit}.gh-style.btn-danger.selected,.gh-style.btn-danger:active,.gh-style.btn-danger[aria-selected=true]{color:#fff;background-color:#be222e;border-color:rgba(27,31,35,.15);box-shadow:inset 0 1px 0 rgba(134,24,29,.2)}.gh-style.btn-danger.disabled,.gh-style.btn-danger:disabled,.gh-style.btn-danger[aria-disabled=true]{color:rgba(203,36,49,.5);background-color:#fafbfc;border-color:rgba(27,31,35,.15);box-shadow:0 1px 0 rgba(27,31,35,.04),inset 0 1px 0 hsla(0,0%,100%,.25)}.gh-style.btn-danger.disabled .Counter,.gh-style.btn-danger:disabled .Counter,.gh-style.btn-danger[aria-disabled=true] .Counter{background-color:rgba(203,36,49,.05)}.gh-style.btn-danger:focus{box-shadow:0 0 0 3px rgba(203,36,49,.4)}.gh-style.btn-danger .Counter{color:inherit;background-color:rgba(203,36,49,.1)}.gh-style.btn-outline{color:#0366d6;transition:none}.gh-style.btn-outline:hover,[open]>.gh-style.btn-outline{color:#fff;background-color:#0366d6;border-color:rgba(27,31,35,.15);box-shadow:0 1px 0 rgba(27,31,35,.1),inset 0 1px 0 hsla(0,0%,100%,.03)}.gh-style.btn-outline:hover .Counter,[open]>.gh-style.btn-outline .Counter{background-color:hsla(0,0%,100%,.2)}.gh-style.btn-outline:hover .octicon,[open]>.gh-style.btn-outline .octicon{color:inherit}.gh-style.btn-outline.selected,.gh-style.btn-outline:active,.gh-style.btn-outline[aria-selected=true]{color:#fff;background-color:#035fc7;border-color:rgba(27,31,35,.15);box-shadow:inset 0 1px 0 rgba(5,38,76,.2)}.gh-style.btn-outline.disabled,.gh-style.btn-outline:disabled,.gh-style.btn-outline[aria-disabled=true]{color:rgba(3,102,214,.5);background-color:#fafbfc;border-color:rgba(27,31,35,.15);box-shadow:0 1px 0 rgba(27,31,35,.04),inset 0 1px 0 hsla(0,0%,100%,.25)}.gh-style.btn-outline.disabled .Counter,.gh-style.btn-outline:disabled .Counter,.gh-style.btn-outline[aria-disabled=true] .Counter{background-color:rgba(3,102,214,.05)}.gh-style.btn-outline:focus{box-shadow:0 0 0 3px rgba(3,102,214,.4)}.gh-style.btn-outline .Counter{color:inherit;background-color:rgba(3,102,214,.1)}.gh-style.btn-blue{color:#fff;background-color:#0361cc;background-image:linear-gradient(-180deg,#0679fc,#0361cc 90%)}.gh-style.btn-blue.focus,.gh-style.btn-blue:focus{box-shadow:0 0 0 .2em rgba(6,121,252,.4)}.gh-style.btn-blue.hover,.gh-style.btn-blue:hover{background-color:#035cc2;background-image:linear-gradient(-180deg,#0374f4,#035cc2 90%);background-position:-.5em;border-color:rgba(27,31,35,.5)}.gh-style.btn-blue.selected,.gh-style.btn-blue:active,.gh-style.btn-blue[aria-selected=true],[open]>.gh-style.btn-blue{background-color:#045cc1;background-image:none;border-color:rgba(27,31,35,.5);box-shadow:inset 0 .15em .3em rgba(27,31,35,.15)}.gh-style.btn-blue.disabled,.gh-style.btn-blue:disabled,.gh-style.btn-blue[aria-disabled=true]{color:hsla(0,0%,100%,.75);background-color:#81b0e6;background-image:none;border-color:rgba(27,31,35,.15);box-shadow:none}.gh-style.btn-blue .Counter{color:#0366d6;background-color:#fff}.gh-style.btn-sm{padding:3px 12px;font-size:12px;line-height:20px}.gh-style.btn-sm .octicon{vertical-align:text-top}.gh-style.btn-large{padding:.75em 1.5em;font-size:inherit;line-height:1.5;border-radius:.5em}.gh-style.btn-block{display:block;width:100%;text-align:center}.gh-style.btnGroup{display:inline-block;vertical-align:middle}.gh-style.btnGroup:before{display:table;content:""}.gh-style.btnGroup:after{display:table;clear:both;content:""}.gh-style.btnGroup+.gh-style.btn,.gh-style.btnGroup+.gh-style.btnGroup{margin-left:4px}.gh-style.btnGroup-item{position:relative;float:left;border-right-width:0;border-radius:0}.gh-style.btnGroup-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.gh-style.btnGroup-item:last-child{border-right-width:1px;border-top-right-radius:6px;border-bottom-right-radius:6px}.gh-style.btnGroup-item.selected,.gh-style.btnGroup-item:active,.gh-style.btnGroup-item:focus,.gh-style.btnGroup-item:hover,.gh-style.btnGroup-item[aria-selected=true]{border-right-width:1px}.gh-style.btnGroup-item.selected+.gh-style.btnGroup-item,.gh-style.btnGroup-item.selected+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-item:active+.gh-style.btnGroup-item,.gh-style.btnGroup-item:active+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-item:focus+.gh-style.btnGroup-item,.gh-style.btnGroup-item:focus+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-item:hover+.gh-style.btnGroup-item,.gh-style.btnGroup-item:hover+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-item[aria-selected=true]+.gh-style.btnGroup-item,.gh-style.btnGroup-item[aria-selected=true]+.gh-style.btnGroup-parent .gh-style.btnGroup-item{border-left-width:0}.gh-style.btnGroup-parent{float:left}.gh-style.btnGroup-parent:first-child .gh-style.btnGroup-item{border-top-left-radius:6px;border-bottom-left-radius:6px}.gh-style.btnGroup-parent:last-child .gh-style.btnGroup-item{border-right-width:1px;border-top-right-radius:6px;border-bottom-right-radius:6px}.gh-style.btnGroup-parent .gh-style.btnGroup-item{border-right-width:0;border-radius:0}.gh-style.btnGroup-parent.selected .gh-style.btnGroup-item,.gh-style.btnGroup-parent:active .gh-style.btnGroup-item,.gh-style.btnGroup-parent:focus .gh-style.btnGroup-item,.gh-style.btnGroup-parent:hover .gh-style.btnGroup-item,.gh-style.btnGroup-parent[aria-selected=true] .gh-style.btnGroup-item{border-right-width:1px}.gh-style.btnGroup-parent.selected+.gh-style.btnGroup-item,.gh-style.btnGroup-parent.selected+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-parent:active+.gh-style.btnGroup-item,.gh-style.btnGroup-parent:active+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-parent:focus+.gh-style.btnGroup-item,.gh-style.btnGroup-parent:focus+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-parent:hover+.gh-style.btnGroup-item,.gh-style.btnGroup-parent:hover+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-parent[aria-selected=true]+.gh-style.btnGroup-item,.gh-style.btnGroup-parent[aria-selected=true]+.gh-style.btnGroup-parent .gh-style.btnGroup-item{border-left-width:0}.gh-style.btnGroup-item:active,.gh-style.btnGroup-item:focus,.gh-style.btnGroup-parent:active,.gh-style.btnGroup-parent:focus{z-index:1}.gh-style.btn-link{display:inline-block;padding:0;font-size:inherit;color:#0366d6;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:transparent;border:0;-webkit-appearance:none;appearance:none}.gh-style.btn-link:hover{text-decoration:underline}.gh-style.btn-link:disabled,.gh-style.btn-link:disabled:hover,.gh-style.btn-link[aria-disabled=true],.gh-style.btn-link[aria-disabled=true]:hover{color:rgba(88,96,105,.5);cursor:default}.gh-style.btn-invisible{color:#0366d6;background-color:transparent;border:0;border-radius:0;box-shadow:none}.gh-style.btn-invisible.selected,.gh-style.btn-invisible.zeroclipboard-is-active,.gh-style.btn-invisible.zeroclipboard-is-hover,.gh-style.btn-invisible:active,.gh-style.btn-invisible:focus,.gh-style.btn-invisible:hover,.gh-style.btn-invisible[aria-selected=true]{color:#0366d6;background:0 0;outline:0;box-shadow:none}.gh-style.btn-octicon{display:inline-block;padding:5px;margin-left:5px;line-height:1;color:#586069;vertical-align:middle;background:0 0;border:0}.gh-style.btn-octicon:hover{color:#0366d6}.gh-style.btn-octicon.disabled,.gh-style.btn-octicon[aria-disabled=true]{color:#959da5;cursor:default}.gh-style.btn-octicon.disabled:hover,.gh-style.btn-octicon[aria-disabled=true]:hover{color:#959da5}.gh-style.btn-octicon-danger:hover{color:#cb2431}.gh-style.btn-with-count{float:left;border-top-right-radius:0;border-bottom-right-radius:0}.gh-style.btn-with-count:focus{z-index:1}.gh-style.btn:focus .icon-sponsor,.gh-style.btn:focus .icon-sponsoring,.gh-style.btn:hover .icon-sponsor,.gh-style.btn:hover .icon-sponsoring,.Label:focus .icon-sponsor,.Label:focus .icon-sponsoring,.Label:hover .icon-sponsor,.Label:hover .icon-sponsoring{transform:scale(1.1)}.icon-sponsor{overflow:visible}.gh-style{position:fixed;width:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.5}.octicon{display:inline-block;overflow:visible;vertical-align:text-bottom;fill:currentColor}</style><meta name="amp-script-src" content="sha384-n2-YMnb2FkeDk-Ca2pVnoYSR2FqNKqKgTwfK_UI0EAeVRCAHgCDjsecHJpVMv3Sl"></head><body class="layout-archive" data-amp-auto-lightbox-disable>
+<amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
+</amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
+</div>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
+</li>
+<li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
+</li>
+<li class="nav-item" role="none"> <a class="nav-link" href="/category/academic/" role="menuitem">Academic</a>
+</li></ul>
+<ul class="navbar-btngroup row ml-auto"><li class="nav-item"> <div class="invitation-codes"> <a class="btn invitation-codes-badge" href="https://invitation.codes/@chriskyfung" data-type data-vars-event-label="Invitation Code Button" aria-label="invitation.codes - link opens in a new tab" title="invitation.codes - Open in New Tab" rel="noopener noreferrer" target="_blank"> <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment-alt-dots" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width:20px"> <path fill="currentColor" d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm16 352c0 8.8-7.2 16-16 16H288l-12.8 9.6L208 428v-60H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h384c8.8 0 16 7.2 16 16v288zM128 176c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32z" class=""/> </svg> </a>
+</div> </li><li class="nav-item"> <a class="gh-style btn btn-block" style="margin: 2px 0" aria-label="Sponsor @chriskyfung" target="_top" href="https://github.com/sponsors/chriskyfung?o=esb"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart icon-sponsor color-fg-sponsors"> <path fill-rule="evenodd" d="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z"/> </svg> <span>Sponsor</span> </a> </li><li class="nav-item"> <button type="button" on="tap:amp-searchbar" id="toggle-search" class="btn btn-primary" data-toggle="modal" data-target="#searchbar" title="search" accesskey="/"> <i class="fas fa-search"></i> </button> </li> </ul> </div>  </div> </nav> <amp-lightbox scrollable id="amp-searchbar" layout="nodisplay" animate-in="fade-in" hidden="hidden" class="i-amphtml-layout-nodisplay" i-amphtml-layout="nodisplay"> <div class="modal-dialog modal-lg">  <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Search for</h5> <button class="close" type="button" on="tap:amp-searchbar.close" aria-label="Close Search Modal" tabindex="-1">×</button> </div> <div class="modal-body"> <div class="search_form"> <form method="GET" action="/search" target="_top"> <amp-autocomplete class="searchbox i-amphtml-layout-container" filter="substring" src="/assets/data/suggestions.json" i-amphtml-layout="container"> <input class="form-control" name="q" type="search" placeholder="Search" required> </amp-autocomplete> <input hidden name="sitesearch" value="chriskyfung.github.io"> <button class="btn btn-primary" type="submit">Search</button> </form> </div> </div> </div> </div> </amp-lightbox>   <div class="site-content"> <div class="container">  <div class="main-content" style="margin-top: 88px;"> <div class="row">  <main class="col-md-8 col-lg-8">
+<section class="row recent-posts"> <div class="section-title"> <h1><span>tag 'Autocompletions'</span></h1> </div> <div class="masonrygrid row listrecent"> <h2 class="sr-only">Post Grid</h2><div class="col-md-6 grid-item"> <article class="card"> <a href="/github-cli-repo-clone-custom-completion/" aria-hidden="true" tabindex="-1"><figure><amp-img width="730" height="431" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.webp" alt="thumbnail for Speed Up Git..." i-amphtml-ssr data-hero class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQzMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="431" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.jpg" alt="thumbnail for Speed Up Git..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQzMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> <img class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" loading="lazy" alt="thumbnail for Speed Up Git..." src="/images/posts/coding/gh-repo-clone-custom-completion-cover.webp"></amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/github-cli-repo-clone-custom-completion/" rel="bookmark">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h3> <p class="card-text">Learn how to supercharge your GitHub CLI experience with custom bash completion for the 'gh repo clone' command. Includes step-by-step setup and practical examples.</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/autocompletions/">Autocompletions</a></small> </li><li> <small><a href="/tag/bash/">Bash</a></small> </li><li> <small><a href="/tag/command-line/">Command-line</a></small> </li><li> <small><a href="/tag/github-cli/">GitHub CLI</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="clearfix"></div> </div> </div> </div> </article>
+</div>
+</div> </section> </main>  <aside class="col-md-4 col-lg-4 left-sidebar"><div class="sidebar"> <h2 class="sr-only">Sidebar</h2> <div aria-label="featured posts" class="sidebar-section"> <h3><span>Featured</span><span class="sr-only"> Posts</span></h3> <section class="featured-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp335-cover.thumb.webp" alt="Image in Autocompletions" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp335-cover.thumb.png" alt="Image in Autocompletions" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab">☁ Secure Workloads in Google Kubernetes Engine: Challenge Lab | l...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i><i class="fas fa-sync-alt fa-xs" aria-hidden="true" style="color:#0293d8;margin-left:-.5em;vertical-align:bottom"></i> <time datetime="2021-06-27T15:00:00+08:00" itemprop="dateModified" title="Updated on">27 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/windows/fix-windows10-boot-loop-after-fail-upgrade"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/windows/restoring-your-previous-version-of-windows-10.thumb.webp" alt="Image in Autocompletions" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/windows/restoring-your-previous-version-of-windows-10.thumb.png" alt="Image in Autocompletions" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/windows/fix-windows10-boot-loop-after-fail-upgrade">Fix reboot loop after a fail upgrade of Windows 10, Version 2004,...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/windows/fix-windows10-boot-loop-after-fail-upgrade" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2020-06-23T23:18:00+08:00" itemprop="datePublished" title="Published on">23 Jun 2020</time></div> <ul class="tags"><li> <small><a href="/category/windows/">Windows</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklabs-user-tips-for-learning-google-cloud-platform"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/qwiklabs-badges.thumb.webp" alt="Image in Autocompletions" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/qwiklabs-badges.thumb.jpg" alt="Image in Autocompletions" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklabs-user-tips-for-learning-google-cloud-platform">Learning Google Cloud Platform on Qwiklabs: Learning Map, Assisti...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklabs-user-tips-for-learning-google-cloud-platform" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i><i class="fas fa-sync-alt fa-xs" aria-hidden="true" style="color:#0293d8;margin-left:-.5em;vertical-align:bottom"></i> <time datetime="2020-06-20T23:36:00+08:00" itemprop="dateModified" title="Updated on">20 Jun 2020</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Autocompletions" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Autocompletions" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Autocompletions" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Autocompletions" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Autocompletions" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Autocompletions" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Autocompletions" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Autocompletions" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Autocompletions" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+</div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
+</div>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+</amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
+<p>See anything that can be improved?</p>
+<p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
+<a class="btn btn-primary btn-lg" href="/contact">Contact Me</a> </div> <div class="col-md-4 text-center footersocial"> <div class="mb-4"> <h3>Support Me</h3>
+<a class="bmc-button" href="https://www.buymeacoffee.com/chriskyfung" data-vars-event-label="Buy me a coffee Badge"> <amp-img src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" width="35" height="34" layout="fixed" alt aria-hidden="true" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:35px;height:34px;" i-amphtml-layout="fixed"></amp-img> <span style="margin-left:5px;">Buy me a coffee</span>
+</a> </div> <div> <h3>Follow Me on</h3><a href="https://www.facebook.com/chriskyfung" rel="noopener noreferrer" target="_blank"><i class="fab fa-facebook" aria-hidden="true"></i><span class="sr-only">Facebook</span></a><a href="https://www.pinterest.com/chriskyfung" rel="noopener noreferrer" target="_blank"><i class="fab fa-pinterest"></i><span class="sr-only">Pinterest</span></a><a href="https://github.com/chriskyfung" rel="noopener noreferrer" target="_blank"><i class="fab fa-github"></i><span class="sr-only">GitHub</span></a><a href="https://medium.com/@chriskyfung" rel="noopener noreferrer" target="_blank"><i class="fab fa-medium"></i><span class="sr-only">Medium</span></a> </div> </div> </div> </div> </section>  <section class="footer"> <div class="container"> <div class="row"> <div class="col-sm-3"> <div class="footer-widget"> <div class="footer-widget-blob footer-widget-image-wrapper"> <amp-img class="pr-lg-3 i-amphtml-layout-responsive i-amphtml-layout-size-defined" src="/assets/images/knowledge__flatline.svg" height="179" width="255" layout="responsive" alt="ideas and knowledge" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:70.1961%"></i-amphtml-sizer></amp-img>
+</div> </div> </div> <div class="col-sm-3"> <div class="footer-widget"> <h3 class="title"></h3>
+<ul></ul> </div> </div> <div class="col-sm-3"> <div class="footer-widget"> <h3 class="title"></h3>
+<ul></ul> </div> </div> <div class="col-sm-3"> <div class="footer-widget"> <h3 class="title">Disclosures</h3>
+
+<div id="copyscape-banner"> <a href="https://www.copyscape.com/" data-vars-event-label="Copyscape Badge" aria-label="Copyscape - link opens in a new tab" rel="noopener noreferrer" target="_blank"> <amp-img src="https://banners.copyscape.com/img/copyscape-banner-white-130x46.png" width="130" height="46" alt="© Protected by Copyscape" title="Opens in New Tab" style="width:130px;height:46px;width:130px;height:46px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> </amp-img> </a>
+</div> </div> </div> </div> <div class="footer-bar"> <p class="float-lg-left"> Copyright © 2014-2024 <a href="https://chriskyfung.github.io/">Chris KY FUNG</a>. All rights reserved. </p> <p class="float-lg-right">Powered by <a aria-label="theme credit" href="https://chriskyfung.github.io/amp-affiliately-jekyll-theme/" rel="noopener noreferrer">AMP Affiliately Theme</a> | <a aria-label="privacy policy" href="/privacy-policy">Privacy Policy</a> </p> <div class="clearfix"></div> </div> </div> </section></footer>  </div> <amp-image-lightbox id="lightbox1" layout="nodisplay" data-close-button-aria-label="Close" hidden="hidden" class="i-amphtml-layout-nodisplay" i-amphtml-layout="nodisplay"></amp-image-lightbox> </body></html>
\ No newline at end of file
diff --git a/tag/bash/index.html b/tag/bash/index.html
new file mode 100644
index 000000000..e01887a30
--- /dev/null
+++ b/tag/bash/index.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html><html amp lang="en" i-amphtml-binding i-amphtml-layout i-amphtml-no-boilerplate transformed="self;v=1"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="preload" href="/assets/images/logo-plainSVG.svg" as="image"><link rel="preload" href="https://use.fontawesome.com/releases/v5.13.1/webfonts/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://use.fontawesome.com/releases/v5.13.1/webfonts/fa-regular-400.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://use.fontawesome.com/releases/v5.13.1/webfonts/fa-solid-900.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://chriskyfung.github.io/amp-affiliately-jekyll-theme/assets/images/b8d82a619c.png" as="image"><meta name="generator" content="Jekyll v4.2.2"><meta property="og:title" content="Bash"><meta name="author" content="Chris KY Fung"><meta property="og:locale" content="en_US"><meta name="description" content="Feel free to bookmark this to keep an eye on my project updates"><meta property="og:description" content="Feel free to bookmark this to keep an eye on my project updates"><meta property="og:url" content="https://chriskyfung.github.io/tag/bash/"><meta property="og:site_name" content="Chris KY FUNG’s Blog"><meta property="og:type" content="website"><meta name="twitter:card" content="summary"><meta property="twitter:title" content="Bash"><meta name="google-site-verification" content="WvB_kR1tvqtLYj1YxGXkQp6X-ue8FgK5kfQOB2K8cZA"><style amp-runtime i-amphtml-version="012410292120000">html{overflow-x:hidden!important}html.i-amphtml-fie{height:100%!important;width:100%!important}html:not([amp4ads]),html:not([amp4ads]) body{height:auto!important}html:not([amp4ads]) body{margin:0!important}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}html.i-amphtml-singledoc.i-amphtml-embedded{-ms-touch-action:pan-y pinch-zoom;touch-action:pan-y pinch-zoom}html.i-amphtml-fie>body,html.i-amphtml-singledoc>body{overflow:visible!important}html.i-amphtml-fie:not(.i-amphtml-inabox)>body,html.i-amphtml-singledoc:not(.i-amphtml-inabox)>body{position:relative!important}html.i-amphtml-ios-embed-legacy>body{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important}html.i-amphtml-ios-embed{overflow-y:auto!important;position:static}#i-amphtml-wrapper{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;display:block!important}html.i-amphtml-ios-embed.i-amphtml-ios-overscroll,html.i-amphtml-ios-embed.i-amphtml-ios-overscroll>#i-amphtml-wrapper{-webkit-overflow-scrolling:touch!important}#i-amphtml-wrapper>body{position:relative!important;border-top:1px solid transparent!important}#i-amphtml-wrapper+body{visibility:visible}#i-amphtml-wrapper+body .i-amphtml-lightbox-element,#i-amphtml-wrapper+body[i-amphtml-lightbox]{visibility:hidden}#i-amphtml-wrapper+body[i-amphtml-lightbox] .i-amphtml-lightbox-element{visibility:visible}#i-amphtml-wrapper.i-amphtml-scroll-disabled,.i-amphtml-scroll-disabled{overflow-x:hidden!important;overflow-y:hidden!important}amp-instagram{padding:54px 0px 0px!important;background-color:#fff}amp-iframe iframe{box-sizing:border-box!important}[amp-access][amp-access-hide]{display:none}[subscriptions-dialog],body:not(.i-amphtml-subs-ready) [subscriptions-action],body:not(.i-amphtml-subs-ready) [subscriptions-section]{display:none!important}amp-experiment,amp-live-list>[update]{display:none}amp-list[resizable-children]>.i-amphtml-loading-container.amp-hidden{display:none!important}amp-list [fetch-error],amp-list[load-more] [load-more-button],amp-list[load-more] [load-more-end],amp-list[load-more] [load-more-failed],amp-list[load-more] [load-more-loading]{display:none}amp-list[diffable] div[role=list]{display:block}amp-story-page,amp-story[standalone]{min-height:1px!important;display:block!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;width:100%!important}amp-story[standalone]{background-color:#000!important;position:relative!important}amp-story-page{background-color:#757575}amp-story .amp-active>div,amp-story .i-amphtml-loader-background{display:none!important}amp-story-page:not(:first-of-type):not([distance]):not([active]){transform:translateY(1000vh)!important}amp-autocomplete{position:relative!important;display:inline-block!important}amp-autocomplete>input,amp-autocomplete>textarea{padding:0.5rem;border:1px solid rgba(0,0,0,.33)}.i-amphtml-autocomplete-results,amp-autocomplete>input,amp-autocomplete>textarea{font-size:1rem;line-height:1.5rem}[amp-fx^=fly-in]{visibility:hidden}amp-script[nodom],amp-script[sandboxed]{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden}
+/*# sourceURL=/css/ampdoc.css*/[hidden]{display:none!important}.i-amphtml-element{display:inline-block}.i-amphtml-blurry-placeholder{transition:opacity 0.3s cubic-bezier(0.0,0.0,0.2,1)!important;pointer-events:none}[layout=nodisplay]:not(.i-amphtml-element){display:none!important}.i-amphtml-layout-fixed,[layout=fixed][width][height]:not(.i-amphtml-layout-fixed){display:inline-block;position:relative}.i-amphtml-layout-responsive,[layout=responsive][width][height]:not(.i-amphtml-layout-responsive),[width][height][heights]:not([layout]):not(.i-amphtml-layout-responsive),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-layout-responsive){display:block;position:relative}.i-amphtml-layout-intrinsic,[layout=intrinsic][width][height]:not(.i-amphtml-layout-intrinsic){display:inline-block;position:relative;max-width:100%}.i-amphtml-layout-intrinsic .i-amphtml-sizer{max-width:100%}.i-amphtml-intrinsic-sizer{max-width:100%;display:block!important}.i-amphtml-layout-container,.i-amphtml-layout-fixed-height,[layout=container],[layout=fixed-height][height]:not(.i-amphtml-layout-fixed-height){display:block;position:relative}.i-amphtml-layout-fill,.i-amphtml-layout-fill.i-amphtml-notbuilt,[layout=fill]:not(.i-amphtml-layout-fill),body noscript>*{display:block;overflow:hidden!important;position:absolute;top:0;left:0;bottom:0;right:0}body noscript>*{position:absolute!important;width:100%;height:100%;z-index:2}body noscript{display:inline!important}.i-amphtml-layout-flex-item,[layout=flex-item]:not(.i-amphtml-layout-flex-item){display:block;position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.i-amphtml-layout-fluid{position:relative}.i-amphtml-layout-size-defined{overflow:hidden!important}.i-amphtml-layout-awaiting-size{position:absolute!important;top:auto!important;bottom:auto!important}i-amphtml-sizer{display:block!important}@supports (aspect-ratio:1/1){i-amphtml-sizer.i-amphtml-disable-ar{display:none!important}}.i-amphtml-blurry-placeholder,.i-amphtml-fill-content{display:block;height:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;margin:auto}.i-amphtml-layout-size-defined .i-amphtml-fill-content{position:absolute;top:0;left:0;bottom:0;right:0}.i-amphtml-replaced-content,.i-amphtml-screen-reader{padding:0!important;border:none!important}.i-amphtml-screen-reader{position:fixed!important;top:0px!important;left:0px!important;width:4px!important;height:4px!important;opacity:0!important;overflow:hidden!important;margin:0!important;display:block!important;visibility:visible!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:8px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:12px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:16px!important}.i-amphtml-unresolved{position:relative;overflow:hidden!important}.i-amphtml-select-disabled{-webkit-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.i-amphtml-notbuilt,[layout]:not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element){position:relative;overflow:hidden!important;color:transparent!important}.i-amphtml-notbuilt:not(.i-amphtml-layout-container)>*,[layout]:not([layout=container]):not(.i-amphtml-element)>*,[width][height][heights]:not([layout]):not(.i-amphtml-element)>*,[width][height][sizes]:not([layout]):not(.i-amphtml-element)>*{display:none}amp-img:not(.i-amphtml-element)[i-amphtml-ssr]>img.i-amphtml-fill-content{display:block}.i-amphtml-notbuilt:not(.i-amphtml-layout-container),[layout]:not([layout=container]):not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element){color:transparent!important;line-height:0!important}.i-amphtml-ghost{visibility:hidden!important}.i-amphtml-element>[placeholder],[layout]:not(.i-amphtml-element)>[placeholder],[width][height][heights]:not([layout]):not(.i-amphtml-element)>[placeholder],[width][height][sizes]:not([layout]):not(.i-amphtml-element)>[placeholder]{display:block;line-height:normal}.i-amphtml-element>[placeholder].amp-hidden,.i-amphtml-element>[placeholder].hidden{visibility:hidden}.i-amphtml-element:not(.amp-notsupported)>[fallback],.i-amphtml-layout-container>[placeholder].amp-hidden,.i-amphtml-layout-container>[placeholder].hidden{display:none}.i-amphtml-layout-size-defined>[fallback],.i-amphtml-layout-size-defined>[placeholder]{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:1}amp-img[i-amphtml-ssr]:not(.i-amphtml-element)>[placeholder]{z-index:auto}.i-amphtml-notbuilt>[placeholder]{display:block!important}.i-amphtml-hidden-by-media-query{display:none!important}.i-amphtml-element-error{background:red!important;color:#fff!important;position:relative!important}.i-amphtml-element-error:before{content:attr(error-message)}i-amp-scroll-container,i-amphtml-scroll-container{position:absolute;top:0;left:0;right:0;bottom:0;display:block}i-amp-scroll-container.amp-active,i-amphtml-scroll-container.amp-active{overflow:auto;-webkit-overflow-scrolling:touch}.i-amphtml-loading-container{display:block!important;pointer-events:none;z-index:1}.i-amphtml-notbuilt>.i-amphtml-loading-container{display:block!important}.i-amphtml-loading-container.amp-hidden{visibility:hidden}.i-amphtml-element>[overflow]{cursor:pointer;position:relative;z-index:2;visibility:hidden;display:initial;line-height:normal}.i-amphtml-layout-size-defined>[overflow]{position:absolute}.i-amphtml-element>[overflow].amp-visible{visibility:visible}template{display:none!important}.amp-border-box,.amp-border-box *,.amp-border-box :after,.amp-border-box :before{box-sizing:border-box}amp-pixel{display:none!important}amp-analytics,amp-auto-ads,amp-story-auto-ads{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden}amp-story{visibility:hidden!important}html.i-amphtml-fie>amp-analytics{position:initial!important}[visible-when-invalid]:not(.visible),form [submit-error],form [submit-success],form [submitting]{display:none}amp-accordion{display:block!important}@media (min-width:1px){:where(amp-accordion>section)>:first-child{margin:0;background-color:#efefef;padding-right:20px;border:1px solid #dfdfdf}:where(amp-accordion>section)>:last-child{margin:0}}amp-accordion>section{float:none!important}amp-accordion>section>*{float:none!important;display:block!important;overflow:hidden!important;position:relative!important}amp-accordion,amp-accordion>section{margin:0}amp-accordion:not(.i-amphtml-built)>section>:last-child{display:none!important}amp-accordion:not(.i-amphtml-built)>section[expanded]>:last-child{display:block!important}
+/*# sourceURL=/css/ampshared.css*/</style><script async src="https://cdn.ampproject.org/v0.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0.js" crossorigin="anonymous"></script><script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-ad-0.1.js" crossorigin="anonymous" custom-element="amp-ad"></script><script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js" crossorigin="anonymous" custom-element="amp-analytics"></script><script async custom-element="amp-auto-ads" src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js" crossorigin="anonymous" custom-element="amp-auto-ads"></script><script async custom-element="amp-autocomplete" src="https://cdn.ampproject.org/v0/amp-autocomplete-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-autocomplete-0.1.js" crossorigin="anonymous" custom-element="amp-autocomplete"></script><script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-bind-0.1.js" crossorigin="anonymous" custom-element="amp-bind"></script><script async custom-element="amp-consent" src="https://cdn.ampproject.org/v0/amp-consent-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-consent-0.1.js" crossorigin="anonymous" custom-element="amp-consent"></script><script async custom-element="amp-font" src="https://cdn.ampproject.org/v0/amp-font-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-font-0.1.js" crossorigin="anonymous" custom-element="amp-font"></script><script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-form-0.1.js" crossorigin="anonymous" custom-element="amp-form"></script><script async custom-element="amp-fx-collection" src="https://cdn.ampproject.org/v0/amp-fx-collection-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js" crossorigin="anonymous" custom-element="amp-fx-collection"></script><script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js" crossorigin="anonymous" custom-element="amp-iframe"></script><script async custom-element="amp-image-lightbox" src="https://cdn.ampproject.org/v0/amp-image-lightbox-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-image-lightbox-0.1.js" crossorigin="anonymous" custom-element="amp-image-lightbox"></script><script async custom-element="amp-lightbox" src="https://cdn.ampproject.org/v0/amp-lightbox-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-lightbox-0.1.js" crossorigin="anonymous" custom-element="amp-lightbox"></script><script async custom-element="amp-script" src="https://cdn.ampproject.org/v0/amp-script-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-script-0.1.js" crossorigin="anonymous" custom-element="amp-script"></script><link rel="icon" href="/assets/images/favicon_96x96.png"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.1/css/all.css" crossorigin><title>Bash | Chris KY FUNG’s Blog</title><link rel="canonical" href="https://chriskyfung.github.io/tag/bash/"><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","author":{"@type":"Person","name":"Chris KY Fung"},"description":"Feel free to bookmark this to keep an eye on my project updates","headline":"Bash","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://chriskyfung.github.io/assets/images/logo-plainSVG.svg"},"name":"Chris KY Fung"},"url":"https://chriskyfung.github.io/tag/bash/"}</script><link rel="preconnect dns-prefetch" href="https://www.googletagmanager.com" crossorigin><link rel="preconnect dns-prefetch" href="https://fonts.gstatic.com/" crossorigin><style amp-custom>html{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#292b2c;background-color:#fff}article,aside,figcaption,figure,footer,header,main,nav,section{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible;margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}kbd,samp{font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#0275d8;text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:100%;margin:0}optgroup{line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}textarea{overflow:auto}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}dl,ol,p,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-left:0}blockquote,figure{margin:0 0 1rem}img{vertical-align:middle}[role=button],a,area,button,input,label,select,summary,textarea{cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse;background-color:transparent}caption{padding-top:.75rem;padding-bottom:.75rem;color:#636c72;caption-side:bottom}caption,th{text-align:left}dd,label{margin-bottom:.5rem}label{display:inline-block}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,select,textarea{line-height:inherit}.lead{font-size:1.25rem;font-weight:300}.small,small{font-size:80%;font-weight:400}.blockquote{padding:.5rem 1rem;margin-bottom:1rem;font-size:1.25rem;border-left:.25rem solid #eceeef}.img-fluid{max-width:100%;height:auto}.figure{display:inline-block}.figure-caption{font-size:90%;color:#636c72}code,pre{font-size:90%}code{padding:.2rem .4rem;color:#bd4147;background-color:#f7f7f9;border-radius:.25rem}a>code,pre code{padding:0;color:inherit;background-color:inherit}pre{display:block;margin-top:0;margin-bottom:1rem;color:#292b2c}pre code{font-size:inherit;background-color:transparent;border-radius:0}.container{position:relative;margin-left:auto;margin-right:auto;padding-right:15px;padding-left:15px}@media (min-width:576px){.container{padding-right:15px;padding-left:15px}}@media (min-width:768px){.container{padding-right:15px;padding-left:15px}}@media (min-width:992px){.container{padding-right:15px;padding-left:15px}}@media (min-width:1200px){.container{padding-right:15px;padding-left:15px}}.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto{-webkit-box-flex:0}.col-1{-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width:576px){.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-sm-3,.col-sm-4,.col-sm-6,.col-sm-8{-webkit-box-flex:0}.col-sm-3{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-8{-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-4{-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}}.table{width:100%;max-width:100%;margin-bottom:1rem}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #eceeef}.table thead th{vertical-align:bottom;border-bottom:2px solid #eceeef}.form-control{display:block;width:100%;padding:.5rem .75rem;font-size:1rem;line-height:1.25;color:#464a4c;background-color:#fff;background-image:none;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#464a4c;background-color:#fff;border-color:#5cb3fd;outline:0}.form-control::-webkit-input-placeholder{color:#636c72;opacity:1}.form-control::-moz-placeholder{color:#636c72;opacity:1}.form-control:-ms-input-placeholder{color:#636c72;opacity:1}.form-control::placeholder{color:#636c72;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#eceeef;opacity:1}.form-control:disabled{cursor:not-allowed}select.form-control:focus::-ms-value{color:#464a4c;background-color:#fff}.form-group{margin-bottom:1rem}.btn{display:inline-block;font-weight:400;line-height:1.25;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.5rem 1rem;font-size:1rem;border-radius:.25rem;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.btn:focus,.btn:hover{text-decoration:none}.btn:focus{-webkit-box-shadow:0 0 0 2px rgba(2,117,216,.25);box-shadow:0 0 0 2px rgba(2,117,216,.25)}.btn:disabled{cursor:not-allowed;opacity:.65}.btn:active{background-image:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-primary:focus{-webkit-box-shadow:0 0 0 2px rgba(2,117,216,.5);box-shadow:0 0 0 2px rgba(2,117,216,.5)}.btn-primary:disabled{background-color:#0275d8;border-color:#0275d8}.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#025aa5;background-image:none;border-color:#01549b}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-group-lg>.btn,.btn-lg{padding:.75rem 1.5rem;font-size:1.25rem}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.show{opacity:1}.collapse{display:none}.collapse.show{display:block}.collapsing{height:0;overflow:hidden;-webkit-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.collapsing,.dropdown,.dropup{position:relative}.dropdown-toggle:after{display:inline-block;width:0;height:0;margin-left:.3em;vertical-align:middle;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-left:.3em solid transparent}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#292b2c;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-item{padding:3px 1.5rem;clear:both;font-weight:400;color:#292b2c;text-align:inherit;white-space:nowrap;background:0 0;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#1d1e1f;text-decoration:none;background-color:#f7f7f9}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0275d8}.nav-link{display:block;padding:.5em 1em}.nav-link:focus,.nav-link:hover{text-decoration:none}.navbar{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:.5rem 1rem}.navbar-brand{display:inline-block;padding-top:.25rem;padding-bottom:.25rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav,.navbar-nav .row{list-style:none}.navbar-toggler{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;padding:.25rem .75rem;font-size:1.25rem;line-height:1;background:0 0;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat 50%;-webkit-background-size:100% 100%;background-size:100% 100%}@media (max-width:991px){.navbar-toggleable-md .navbar-nav .dropdown-menu{position:static;float:none}.navbar-toggleable-md>.container{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-toggleable-md,.navbar-toggleable-md .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.navbar-toggleable-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-toggleable-md,.navbar-toggleable-md>.container{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.navbar-toggleable-md .navbar-collapse,.navbar-toggleable-md>.container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.navbar-toggleable-md .navbar-collapse{width:100%}.navbar-toggleable-md .navbar-toggler{display:none}}.navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover,.navbar-light .navbar-toggler,.navbar-light .navbar-toggler:focus,.navbar-light .navbar-toggler:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-toggler{border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, .5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}.card{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#fff;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card-block{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.alert,.pagination{border-radius:.25rem}.pagination{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-left:0;list-style:none}.alert{padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.75}button.close{padding:0;background:0 0;border:0;-webkit-appearance:none}.modal-open,.model{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out;-webkit-transform:translateY(-25%);-o-transform:translateY(-25%);transform:translateY(-25%)}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:15px;border-bottom:1px solid #eceeef}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;padding:15px}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:30px auto}}.clearfix:after{display:block;content:"";clear:both}.justify-content-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media (min-width:992px){.float-lg-left{float:left}.float-lg-right{float:right}.float-lg-none{float:none}}.mr-2{margin-right:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.p-0{padding:0}.pt-3{padding-top:1rem}.ml-auto{margin-left:auto}.pr-lg-3{padding-right:1rem}.text-center{text-align:center}body,pre{font-display:swap}body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;overflow-x:hidden}.mainheading{padding:0 0 1rem}a{color:#6fd350}a,a:hover{transition:all .2s}pre{-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 1.75em;border:1px solid #e3edf3;width:100%;padding:10px;font-size:14px;white-space:pre;overflow:auto;background:#f7fafb;border-radius:3px;line-height:1.3}.mediumnavigation{background:#fff;transition:top .5s ease-in-out;padding:1.5rem 1rem;box-shadow:0 10px 40px 0 rgba(0,0,0,.05)}.navbar-toggler-right{position:absolute;right:-2%;top:0}.nav-up{box-shadow:none}.site-content{padding-top:2rem;margin-top:57px;transition:all .4s}section{margin-bottom:20px}section.featured-posts{margin-bottom:30px}section.recent-posts{margin-bottom:0}.section-title h2{font-weight:700;font-size:1.4rem;margin-bottom:27px;position:relative}.section-title h2:before{margin-bottom:0;position:absolute;z-index:1;left:15px;right:0;top:12px;height:1px;content:"";background-color:#f5f5f5}.section-title span{background-color:#fff;position:relative;z-index:2;display:inline-block;padding:0 15px 0 0;font-size:14px;text-transform:uppercase;letter-spacing:1px}.layout-page .section-title span{font-size:2rem;text-transform:none;letter-spacing:0}.layout-page .section-title h2:before{top:17px}.article-post ol,.article-post ul{margin-bottom:1.5rem}.prevnextlinks .thepostlink{padding:20px 0;font-size:17px;display:block;color:#111;font-weight:500}.prevnextlinks{border-top:1px solid #eee;border-bottom:1px solid #eee;margin-left:0;margin-right:0}.prevnextlinks .rightborder{border-right:1px solid #eee}.navbar-toggleable-md .navbar-nav .nav-link.highlight{background:#6fd350;color:#fff;border-radius:4px;box-shadow:0 6px 10px 0 rgba(0,0,0,.1);padding-left:1em;padding-right:1em}.navbar-toggler{z-index:9999}.navbar-toggleable-md .navbar-nav .nav-link{color:#333;font-size:.94em;font-weight:500;letter-spacing:1px;margin-left:0;margin-top:10px;text-transform:uppercase}.mediumnavigation .dropdown-menu{margin:0 0 15px;box-shadow:none;border:0}.card-columns .card{margin-bottom:20px}.listfeaturedtag .wrapmeta,.listfeaturedtag .wrapthumbnail{position:relative;width:100%;min-height:1px;max-width:100%;-webkit-box-flex:0;-webkit-flex:100%;-ms-flex:100%;flex:100%}.listfeaturedtag .wrapthumbnail{padding:0 15px}.listfeaturedtag .wrapmeta{padding:0}.listfeaturedtag .wrapthumbnail{height:250px}.listfeaturedtag .card{border:0;border-radius:2px;height:calc(100% - 15px);padding-left:0;margin-bottom:15px;box-shadow:1px 2px 14px 0 rgba(0,0,0,.2)}.listfeaturedtag .card-block{padding:20px 20px 50px}.listfeaturedtag .thumbnail{background-size:cover;height:100%;display:block;background-position:38% 22%;background-origin:border-box;border-top-left-radius:2px}.listfeaturedtag .card-title,.listrecent .card-title{font-size:1.3rem;font-weight:500;line-height:1.25}.listfeaturedtag .card-title a,.listrecent .card-title a{color:#111;font-weight:500}.listfeaturedtag .card-title a:hover,.listrecent .card-title a:hover{color:rgba(0,0,0,.6);text-decoration:none}.card-text{color:#666;font-size:.95rem;line-height:1.8;font-weight:400}.listfeaturedtag .wrapfooter{position:absolute;font-size:12px;display:block;width:100%;left:0;right:0;bottom:-15px;margin:auto;padding:0 20px}.listrecent{width:100%}.listrecent .wrapfooter{font-size:12px;margin-top:30px}.author-thumb{width:40px;height:40px;float:left;margin-right:13px;border-radius:100%}.intro h2,.post-top-meta{margin-bottom:1rem;margin-top:3rem}.post-top-meta span{font-size:.9rem;color:rgba(0,0,0,.44)}.post-top-meta .author-thumb{width:72px;height:72px}.post-top-meta.authorpage .author-thumb{margin-top:40px}.post-top-meta .author-description{margin-bottom:5px;margin-top:10px;font-size:.95rem}.author-meta{flex:1 1 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.alertbar form,.bottompagination span.navigation i,.post-top-meta span,.share ul li,div.post-date,span.author-meta,span.post-name{display:inline-block}div.post-date,span.post-read{color:#75748a;margin:7px 0}.share ul li i.fa,span.post-read-more a{width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%}span.post-read-more a{color:#75748a;align-items:center;float:right;border:1px solid #d0d0d0}span.post-name a,span.post-read-more a:hover{color:rgba(0,0,0,.8)}.dot:after{content:"\00b7";margin-left:3px;margin-right:3px}.mainheading h1.sitetitle{font-family:Georgia,Times New Roman,Times,serif;font-display:swap}.mainheading h1.posttitle{font-weight:700;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.intro{background-image:url(https://chriskyfung.github.io/amp-affiliately-jekyll-theme/assets/images/head.svg);background-size:contain;margin-top:-87px;margin-bottom:3.5rem;padding:3rem 0;position:relative;z-index:1}.intro .btn{background:#fff100;border:0;color:#333;border-radius:3px;font-weight:500;padding:15px 40px;box-shadow:0 6px 10px 0 rgba(0,0,0,.1);text-transform:uppercase;font-size:13px;letter-spacing:1px}.intro h1{font-weight:700}.intro h2{margin-top:1rem;color:#888;line-height:1.6}.wrapintro{background:rgba(211,201,255,.871);max-width:90%;width:700px;margin:0 auto;padding:2rem 1rem;text-align:center}.article-post,.link-dark{color:rgba(0,0,0,.8)}.article-post{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:1.1rem;line-height:1.8}.article-post a{color:inherit;text-decoration:none;box-shadow:inset 0 -2px 0 #ffe51f,0 2px 0 #ffe51f}.article-post a:hover{box-shadow:inset 0 -30px 0 #ffe51f,0 2px 0 #ffe51f;text-decoration:none}blockquote{border-left:4px solid #6fd350;padding:0 20px;font-style:italic;color:rgba(0,0,0,.5)}.article-post blockquote,.article-post p{margin:0 0 1.5rem}.featured-image{display:block;margin-bottom:2rem}.featured-image[fallback]{margin-bottom:0}.article-post amp-iframe,.article-post amp-img,.featured-image{box-shadow:0 6px 10px 0 rgba(0,0,0,.1)}.article-post p iframe{margin-bottom:.5rem}.share{text-align:center;display:none}.share p{margin-bottom:10px;font-size:.95rem}.share ul li{margin-bottom:9px}.share ul{padding-left:0;margin-left:0}.share ul li i.fa{border:1px solid #ddd}.svgIcon{vertical-align:middle}.full-width{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.share,.share a{color:rgba(0,0,0,.44);fill:rgba(0,0,0,.44)}.graybg{background-color:#fafafa;padding:40px 0 46px;position:relative}.listrecent .card{border-radius:4px;margin-bottom:30px;box-shadow:0 0 1px 0 rgba(0,0,0,.14);border:0}.card .img-thumb{border-top-right-radius:4px;border-top-left-radius:4px}.margtop3rem{margin-top:3rem}.sep{height:1px;width:20px;background:#999;margin:0 auto 1.2rem}.btn,.btn-group-lg>.btn,.btn-lg{border-radius:.3rem;font-size:15px}.btn{box-shadow:0 6px 10px 0 rgba(0,0,0,.1);font-weight:500;cursor:pointer}.btn,a.btn{color:#fff}.btn-group-lg>.btn,.btn-lg{padding:1rem 2rem}.btn-primary{background-color:#675bff;border-color:#483aff}.btn-primary:hover{background-color:#483aff;border-color:#372cd8}.btn.follow{border-color:#6fd350;color:#6fd350;padding:3px 10px;text-align:center;border-radius:999em;font-size:.85rem;display:inline-block;box-shadow:none;font-weight:400}.btn.subscribe{border-color:#1c9963;border-radius:30px;margin-left:10px;text-transform:uppercase}.post-top-meta .btn.follow{margin-left:5px;margin-top:-4px}.alertbar{box-shadow:0 -3px 10px 0 rgba(0,0,0,.0785);position:fixed;bottom:0;left:0;background-color:#fff;width:100%;padding:14px 0;z-index:1;display:none}.alertbar input[type=email]{font-size:.85rem;padding:3px 5px 3px 10px;border-top-left-radius:3px;border-bottom-left-radius:3px;border:1px solid #ddd;border-right:0;margin-right:-10px;height:34px;letter-spacing:.5px;margin-left:5px}.alertbar input[type=submit],.btn.subscribe{background-color:#1c9963;color:#fff;fill:#fff;font-size:.85rem;font-weight:600}.alertbar input[type=submit]{border:1px solid #1c9963;border-radius:0;padding:4px 10px;border-top-right-radius:3px;border-bottom-right-radius:3px;height:34px;letter-spacing:.5px;cursor:pointer}.form-control::-webkit-input-placeholder{color:rgba(0,0,0,.5)}.form-control::-moz-placeholder{color:rgba(0,0,0,.5)}.form-control:-ms-input-placeholder{color:rgba(0,0,0,.5)}.form-control::-ms-input-placeholder{color:rgba(0,0,0,.5)}.form-control{border:1px solid #eee;border-radius:0}.authorpage h1{font-weight:700;font-size:30px}.post-top-meta.authorpage .author-thumb{float:none}.authorpage .author-description{font-size:1rem;color:rgba(0,0,0,.6)}.post-top-meta.authorpage,.sociallinks a,span.navigation{text-align:center}.post-top-meta.authorpage .btn.follow{padding:7px 20px;margin-top:10px;margin-left:0;font-size:.9rem}.graybg.authorpage{border-top:1px solid #f0f0f0}.authorpostbox{width:760px;margin:0 auto 1.5rem;max-width:100%}.authorpostbox .img-thumb{width:100%}.sociallinks{margin:1rem 0}.sociallinks a{background:#666;color:#fff;width:22px;height:22px;display:inline-block;line-height:22px;border-radius:50%;font-size:12px}#comments{margin-top:3rem;margin-bottom:1.5rem}#mc_embed_signup .mc-field-group input{text-indent:5%}#mc_embed_signup{font-family:inherit}h1,h2,h3,h4,h5,h6{color:inherit;font-weight:500;line-height:1.4;margin-top:0;margin-bottom:.5rem}.article-post h1,.article-post h2,.article-post h3,.article-post h4,.article-post h5,.article-post h6{margin-top:2rem;margin-bottom:1rem}.article-post img.shadow{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.3);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.3);box-shadow:0 0 10px 0 rgba(0,0,0,.3)}img{height:auto}.bottompagination span.navigation a{background:#fff100;color:#333;padding:5px;border-radius:3px;text-transform:none;font-weight:500;letter-spacing:0;min-width:100px;display:inline-block}.pointerup{margin-bottom:-18px;margin-left:49%;font-size:30px}.pointerup i.fa{color:#eaeaea}span.navigation{display:block;font-size:.93rem;font-weight:700;position:relative}span.navigation:before{margin-bottom:0;position:absolute;z-index:1;left:0;right:0;top:12px;height:1px;content:"";background-color:#eee}.pagination{display:inline-block;background:#fff;z-index:1;position:relative;padding:0 20px;font-size:13px;letter-spacing:.5px;font-weight:500;text-transform:uppercase}iframe,img{max-width:100%}.mediumnavigation .form-control{font-size:.8rem;border-radius:30px;overflow:hidden;border:1px solid rgba(0,0,0,.04)}.mediumnavigation .form-inline{margin-left:15px}.mediumnavigation .form-inline .btn{margin-left:-50px;border:0;border-radius:30px;cursor:pointer}.mediumnavigation .form-inline .btn:active,.mediumnavigation .form-inline .btn:hover{background:0 0;color:green}.mediumnavigation .navbar-brand{font-weight:500;padding:0}.dropdown-item{display:block;width:100%;padding:7px 1.5rem}.dropdown-menu,.mediumnavigation .nav-item{font-size:.9rem}.dropdown-menu{display:none;overflow:auto;z-index:1}.dropdown-toggle:focus~.dropdown-menu,.dropdown:hover .dropdown-menu{display:block}.dropdown:focus-within .dropdown-menu{display:block}.mediumnavigation .search-icon{margin-left:-40px;display:inline-block;margin-top:3px;cursor:pointer}.mediumnavigation .navbar-brand img{margin-right:7px;vertical-align:text-bottom;max-width:none}.navbar-collapse{border-top:1px solid #ddd}.navbar-btngroup{flex-wrap:nowrap;justify-content:right;list-style:none;margin-bottom:0;padding-left:0}.navbar-btngroup .btn{margin-left:.5rem}.navbar-nav{max-height:60vh;overflow:auto}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030;overflow:hidden}.fixed-top:focus,.fixed-top:hover{overflow-x:visible;overflow-y:visible}.fixed-top:focus-within{overflow-x:visible;overflow-y:visible}.scrollbar-thin{scrollbar-width:thin}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:#eee;border-radius:0 3px 3px 0}.scrollbar-thin::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#888}.searchbox{display:inline;width:calc(100% - 86px)}:root{--space-2:1rem;--space-3:1.5rem}#consent-ui,#consent-ui .container{background:#fff;font-size:.9rem;transition:right .3s ease}#consent-ui h2{display:flex;align-items:center;color:#675bff;font-size:1.6rem;column-gap:.9rem}#consent-ui .description{margin:.6rem auto .9rem}#consent-ui .description p{color:#333}#consent-ui a{color:#675bff}#consent-ui a:hover{color:#483aff;text-decoration:underline}#consent-ui .buttons{max-width:100%;width:300px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem}#consent-ui .button{background-color:#fff;color:#483aff;padding:8px 16px;border:2px solid #675bff;border-radius:4px;cursor:pointer;min-width:max(140px,calc(100% / 2 - 10px));transition:all .2s ease}#consent-ui .button:hover{background-color:#483aff;color:#fff}#consent-ui .button.fill{border:none;background:#675bff;color:#fff}#consent-ui .button.fill:hover{background-color:#483aff}#cookie-consent-banner{padding:.9rem 1.5rem .1rem;display:flex;flex-wrap:wrap;justify-content:space-evenly;column-gap:.9rem}#cookie-consent-banner header{max-width:768px;min-width:min(375px,100%);width:calc(100% - 320px)}#cookie-consent-banner h2{font-size:1.25rem;column-gap:.5rem}#cookie-preference-modal{position:fixed;top:50%;left:50%;max-width:345px;width:100%;border-radius:8px;padding:1.25rem 1.5rem 1.75rem;transform:translate(-50%,-50%);box-shadow:0 5px 10px rgba(0,0,0,.1)}#consent-choices{margin:1rem;display:flex;flex-direction:column}.consentLabel input{margin:.5rem}#post-consent-ui{position:fixed;bottom:50px;left:20px;z-index:99}#post-consent-ui button{border-radius:50%;font-size:1.66rem;width:3rem;height:3rem;padding:0;border:3px solid #483aff}.invitation-codes a{background:linear-gradient(139deg,#ffc92f,#ff185c,#f316d5,#b81ed2);font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#fff;font-weight:700;border-radius:5px;padding:0 10px;height:36px;display:inline-block}.invitation-codes svg{float:left;vertical-align:middle;display:inline;margin-right:4.5px;margin-left:4.5px;padding-top:7px;height:28px}.invitation-codes span{padding:0 12px;vertical-align:middle;float:left;line-height:34px}amp-ad{background-image:url(https://chriskyfung.github.io/amp-affiliately-jekyll-theme/assets/images/b8d82a619c.png);background-position:50%;background-repeat:no-repeat;background-size:50px}.article-post .anchor-link{visibility:hidden;box-shadow:none;color:#daa520;font-size:1rem;margin-left:.5rem;vertical-align:super}.article-post .anchor-link:hover{box-shadow:none}.anchor-link:focus,.article-post :hover>.anchor-link{visibility:visible}amp-img[aria-label=lightbox]{cursor:zoom-in}amp-image-lightbox img{object-fit:scale-down}amp-image-lightbox button:last-of-type{cursor:zoom-out;min-width:100%;min-height:100%}amp-image-viewer img{max-width:fit-content;transition:width .25s linear}amp-lightbox{background-color:rgba(0,0,0,.6);z-index:1050}a.vglnk{border-bottom:2px dashed grey;box-shadow:unset}.shadow-none,figure.shadow-none *{box-shadow:none}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.7rem}h4{font-size:1.48rem}h5{font-size:1.3rem}h6{font-size:1.25rem}kbd{background-color:#eee;border-radius:3px;border:1px solid #b4b4b4;box-shadow:0 1px 1px rgba(0,0,0,.2),inset 0 2px 0 0 hsla(0,0%,100%,.7);display:inline-block;font-size:.85em;line-height:1;padding:2px 4px;white-space:nowrap}.article-post h2:not(:first-of-type){margin-top:5rem}.article-post del{color:#999;text-decoration-color:#f05f70}.article-post del a{box-shadow:none;border-bottom:1px solid #ddd;text-decoration:inherit}.article-post .box-highlight{box-shadow:1px 2px 15px #675bff}.article-post figcaption{font-size:smaller}.article-post a>code{padding:.2rem .4rem;color:#bd4147;background-color:#f7f7f9;box-shadow:inset 0 -2px 0 #ffe51f,0 2px 0 #ffe51f}.article-post a.citation,.article-post a.footnote,.article-post a.reversefootnote{box-shadow:none;background-color:#ffe51f}.card .row,.card>a{height:100%}.container{width:96%;max-width:100%}.inline-fix+*{display:inline}.inline-fix+*+.badge{vertical-align:text-top}.listfeaturedtag .card .thumbnail img{width:500px;height:258px}.listfeaturedtag .card-list{width:100%}.listfeaturedtag .card-list .thumbnail img{width:500px;height:150px;object-fit:cover}.listfeaturedtag .card-list .card-title{font-size:1rem}.listfeaturedtag .card-list .wrapthumbnail{height:150px}.mono{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.thumbnail.fit-left img{object-position:left}.thumbnail.fit-right img{object-position:right}.screen-reader-only{position:absolute;left:-5000px}.screen-reader-only:focus{left:0}.left-sidebar{order:1}.sidebar{font-size:15px;max-width:100%}.sidebar h3,.sidebar h3 span{text-align:center;position:relative}.sidebar h3{font-size:1.3rem;margin-bottom:1rem;font-weight:700}.sidebar h3 span{background-color:#fff;z-index:2;display:inline-block;padding:0 15px;font-size:14px;text-transform:uppercase;letter-spacing:1px}.sidebar h3:before{margin-bottom:0;position:absolute;z-index:1;left:0;top:12px;width:100%;height:1px;content:"";background-color:#333}.sidebar ul{list-style:none;padding-left:0}.sidebar li a{color:#999;border-bottom:1px solid #f6f6f6;display:block;padding-bottom:10px;padding-top:10px}.sidebar-section{margin-bottom:2rem;padding:30px 10px 30px 20px;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}.sidebar #mc_embed_signup form{padding:0}.sidebar #mc_embed_signup .button{width:100%;background:#675bff;height:auto;padding:6px 20px;font-weight:600;box-shadow:0 6px 10px 0 rgba(0,0,0,.1)}.sidebar #mc_embed_signup h2{font-weight:400;font-size:15px;color:#999;margin-bottom:1rem;line-height:1.5;text-align:center}.sidebar #mc_embed_signup .mc-field-group,.sidebar #mc_embed_signup input{width:100%}.tags{list-style:none;padding-left:0;margin:0 0 1.5rem}.tags li{display:inline-block;font-size:.9rem;margin-right:.2rem}.tags li:last-child{margin-right:0}.tags li a{background:#fff100;color:#333;padding:3px 10px;border-radius:3px;font-weight:500;font-size:.93em;text-transform:capitalize;text-decoration:none;box-shadow:0 6px 10px 0 hsla(0,0%,65.9%,.1)}.tags li a:hover{background:rgba(0,0,0,.07);text-decoration:none}.tags.rounded-tags li a{background:0 0;border:1px solid;border-radius:20px}.tags.rounded-tags code a{box-shadow:inherit}.beforefooter{background:linear-gradient(rgba(255,241,0,.8),rgba(255,241,0,.8)),url(https://chriskyfung.github.io/images/header-bg.jpg);background-size:contain;background-position-x:center;background-blend-mode:overlay;color:#111;max-width:100%;margin:50px auto -50px;padding:50px 0;text-align:center}@supports (background-blend-mode:overlay){.beforefooter{background-color:#fff100;background-image:url(https://chriskyfung.github.io/images/header-bg.jpg);background-blend-mode:overlay}}.beforefooter h3{margin-bottom:1rem}.footer{background-color:#171e27;border-top:1px solid rgba(0,0,0,.05);color:#999;margin-top:50px;margin-bottom:0;padding:30px 0;text-align:center}.footer a{color:inherit}.footer a:hover{color:#fff;text-decoration:none}.footer amp-ad{max-width:1140px;margin:auto}.footer-bar{padding-top:1.5rem;font-size:.9em}.footer-bar a{color:#eee}.footer .textwidget a{border-bottom:1px dashed}.footer-widget{font-size:15px;margin-top:1rem;margin-bottom:1rem}.footer-widget .title{font-size:18px;text-transform:uppercase;letter-spacing:1px;color:#fff;margin-bottom:1.5rem}.footer-widget ul{list-style:none;padding-left:0}.footer-widget li{margin:12px 0}.footer-widget .recent-posts img{float:left;margin-right:10px}.footer-widget-blob{background:#e9e4ff;border-radius:60% 70% 500% 70%}.footer-widget-image-wrapper{display:block;margin:auto;max-width:350px}.footersocial h3{font-size:1.48rem}.footersocial .fab{width:40px;height:40px;line-height:40px;text-align:center;display:inline-block;background:#fff;border-radius:3px;box-shadow:0 6px 10px 0 rgba(0,0,0,.1);font-size:18px;margin-left:5px;color:#3c3838;margin-top:10px}.bmc-button img{height:34px;width:35px;margin-bottom:1px;box-shadow:none;border:0;vertical-align:middle}.bmc-button{line-height:35px;height:51px;display:inline-flex;background-color:#ff813f;border-radius:5px;border:1px solid transparent;padding:7px 15px 7px 10px;font-size:28px;letter-spacing:.6px;box-shadow:0 1px 2px hsla(0,0%,74.9%,.5);margin:0 auto;font-family:Cookie,cursive;-webkit-box-sizing:border-box;box-sizing:border-box}.bmc-button,.bmc-button:active,.bmc-button:focus,.bmc-button:hover{text-decoration:none;color:#fff;-webkit-box-shadow:0 1px 2px 2px hsla(0,0%,74.9%,.5)}.bmc-button:active,.bmc-button:focus,.bmc-button:hover{box-shadow:0 1px 2px 2px hsla(0,0%,74.9%,.5);opacity:.85}@media (min-width:576px){.beforefooter{text-align:left}.bmc-button{font-size:16.5px}.card-columns.listfeaturedtag{-webkit-column-count:2;-moz-column-count:2;column-count:2}.footer{text-align:left}.footer-widget{margin-bottom:3rem;margin-top:3rem}.left-sidebar{order:-1}.listfeaturedtag .card .thumbnail img{left:-50%;max-width:500px;overflow-x:hidden}.listfeaturedtag .card-list .thumbnail img{width:291px}.sidebar{max-width:340px}}@media (min-width:768px){.bmc-button{font-size:28px}.listfeaturedtag .card .thumbnail img{left:-25%}.post-top-meta.authorpage{text-align:left}}@media (min-width:992px){.intro{padding:9rem 0}.intro h2{margin-top:2rem;margin-bottom:2rem}.listfeaturedtag .card{height:260px}.listfeaturedtag .card .thumbnail img{left:-75%}.listfeaturedtag .card-list{height:auto}.listfeaturedtag .card-block{padding-left:0}.listfeaturedtag .wrapfooter{padding-left:0;right:auto}.listfeaturedtag .wrapmeta{-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;margin-left:-3px}.listfeaturedtag .wrapthumbnail{-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;max-width:41.666667%;height:258px;flex:0 0 auto}.mediumnavigation .dropdown-menu{box-shadow:0 0 7px rgba(0,0,0,.2);max-height:60vh}.navbar-collapse{border:0}.navbar-toggleable-md .navbar-nav .nav-link{margin-left:.5rem;margin-top:0}.navbar-nav{max-height:60vh;overflow:visible}.wrapintro{padding:3rem}}@media (min-width:1025px){.navbar-btngroup .btn,.navbar-toggleable-md .navbar-nav .nav-link{margin-left:.75rem}}@media (min-width:1200px){.container{width:1140px;max-width:100%}.navbar-btngroup .btn,.navbar-toggleable-md .navbar-nav .nav-link{margin-left:1rem}}@supports (object-fit:cover){.listfeaturedtag .card .thumbnail img{left:inherit;max-width:inherit;object-fit:cover}}.gh-style.btn{position:relative;display:inline-block;padding:5px 16px;font-size:14px;font-weight:500;line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;-webkit-appearance:none;appearance:none;color:#24292e;background-color:#fafbfc;border:1px solid rgba(27,31,35,.15);box-shadow:0 1px 0 rgba(27,31,35,.04),inset 0 1px 0 hsla(0,0%,100%,.25);transition:background-color .2s cubic-bezier(.3,0,.5,1)}.gh-style.btn:hover{text-decoration:none}.gh-style.btn.disabled,.gh-style.btn:disabled,.gh-style.btn[aria-disabled=true]{cursor:default}.gh-style.btn.disabled .octicon,.gh-style.btn:disabled .octicon,.gh-style.btn[aria-disabled=true] .octicon{color:inherit}.gh-style.btn i{font-style:normal;font-weight:500;opacity:.75}.gh-style.btn .octicon{margin-right:4px;color:#6a737d;vertical-align:text-bottom}.gh-style.btn .octicon:only-child{margin-right:0}.gh-style.btn .Counter{margin-left:2px;color:inherit;text-shadow:none;vertical-align:top;background-color:rgba(27,31,35,.08)}.gh-style.btn .dropdown-caret{margin-left:4px;opacity:.8}.gh-style.btn.hover,.gh-style.btn:hover,[open]>.gh-style.btn{background-color:#f3f4f6;transition-duration:.1s}.gh-style.btn.selected,.gh-style.btn:active,.gh-style.btn[aria-selected=true]{background-color:#edeff2;box-shadow:inset 0 1px 0 rgba(225,228,232,.2);transition:none}.gh-style.btn.disabled,.gh-style.btn:disabled,.gh-style.btn[aria-disabled=true]{color:#959da5;background-color:#fafbfc;border-color:rgba(27,31,35,.15)}.gh-style.btn.focus,.gh-style.btn:focus{outline:1px dotted transparent;outline-offset:2px;box-shadow:0 0 0 3px rgba(3,102,214,.3)}.gh-style.btn-primary{color:#fff;background-color:#2ea44f;border-color:rgba(27,31,35,.15);box-shadow:0 1px 0 rgba(27,31,35,.1),inset 0 1px 0 hsla(0,0%,100%,.03)}.gh-style.btn-primary.hover,.gh-style.btn-primary:hover,[open]>.gh-style.btn-primary{background-color:#2c974b}.gh-style.btn-primary.selected,.gh-style.btn-primary:active,.gh-style.btn-primary[aria-selected=true]{background-color:#2a8f47;box-shadow:inset 0 1px 0 rgba(20,70,32,.2)}.gh-style.btn-primary.disabled,.gh-style.btn-primary:disabled,.gh-style.btn-primary[aria-disabled=true]{color:hsla(0,0%,100%,.8);background-color:#94d3a2;border-color:rgba(27,31,35,.1);box-shadow:0 1px 0 rgba(27,31,35,.1),inset 0 1px 0 hsla(0,0%,100%,.03)}.gh-style.btn-primary.focus,.gh-style.btn-primary:focus{box-shadow:0 0 0 3px rgba(46,164,79,.4)}.gh-style.btn-primary .Counter{color:inherit;background-color:hsla(0,0%,100%,.2)}.gh-style.btn-primary .octicon{color:hsla(0,0%,100%,.8)}.gh-style.btn-danger{color:#cb2431;transition:none}.gh-style.btn-danger:hover,[open]>.gh-style.btn-danger{color:#fff;background-color:#cb2431;border-color:rgba(27,31,35,.15);box-shadow:0 1px 0 rgba(27,31,35,.1),inset 0 1px 0 hsla(0,0%,100%,.03)}.gh-style.btn-danger:hover .Counter,[open]>.gh-style.btn-danger .Counter{background-color:hsla(0,0%,100%,.2)}.gh-style.btn-danger:hover .octicon,[open]>.gh-style.btn-danger .octicon{color:inherit}.gh-style.btn-danger.selected,.gh-style.btn-danger:active,.gh-style.btn-danger[aria-selected=true]{color:#fff;background-color:#be222e;border-color:rgba(27,31,35,.15);box-shadow:inset 0 1px 0 rgba(134,24,29,.2)}.gh-style.btn-danger.disabled,.gh-style.btn-danger:disabled,.gh-style.btn-danger[aria-disabled=true]{color:rgba(203,36,49,.5);background-color:#fafbfc;border-color:rgba(27,31,35,.15);box-shadow:0 1px 0 rgba(27,31,35,.04),inset 0 1px 0 hsla(0,0%,100%,.25)}.gh-style.btn-danger.disabled .Counter,.gh-style.btn-danger:disabled .Counter,.gh-style.btn-danger[aria-disabled=true] .Counter{background-color:rgba(203,36,49,.05)}.gh-style.btn-danger:focus{box-shadow:0 0 0 3px rgba(203,36,49,.4)}.gh-style.btn-danger .Counter{color:inherit;background-color:rgba(203,36,49,.1)}.gh-style.btn-outline{color:#0366d6;transition:none}.gh-style.btn-outline:hover,[open]>.gh-style.btn-outline{color:#fff;background-color:#0366d6;border-color:rgba(27,31,35,.15);box-shadow:0 1px 0 rgba(27,31,35,.1),inset 0 1px 0 hsla(0,0%,100%,.03)}.gh-style.btn-outline:hover .Counter,[open]>.gh-style.btn-outline .Counter{background-color:hsla(0,0%,100%,.2)}.gh-style.btn-outline:hover .octicon,[open]>.gh-style.btn-outline .octicon{color:inherit}.gh-style.btn-outline.selected,.gh-style.btn-outline:active,.gh-style.btn-outline[aria-selected=true]{color:#fff;background-color:#035fc7;border-color:rgba(27,31,35,.15);box-shadow:inset 0 1px 0 rgba(5,38,76,.2)}.gh-style.btn-outline.disabled,.gh-style.btn-outline:disabled,.gh-style.btn-outline[aria-disabled=true]{color:rgba(3,102,214,.5);background-color:#fafbfc;border-color:rgba(27,31,35,.15);box-shadow:0 1px 0 rgba(27,31,35,.04),inset 0 1px 0 hsla(0,0%,100%,.25)}.gh-style.btn-outline.disabled .Counter,.gh-style.btn-outline:disabled .Counter,.gh-style.btn-outline[aria-disabled=true] .Counter{background-color:rgba(3,102,214,.05)}.gh-style.btn-outline:focus{box-shadow:0 0 0 3px rgba(3,102,214,.4)}.gh-style.btn-outline .Counter{color:inherit;background-color:rgba(3,102,214,.1)}.gh-style.btn-blue{color:#fff;background-color:#0361cc;background-image:linear-gradient(-180deg,#0679fc,#0361cc 90%)}.gh-style.btn-blue.focus,.gh-style.btn-blue:focus{box-shadow:0 0 0 .2em rgba(6,121,252,.4)}.gh-style.btn-blue.hover,.gh-style.btn-blue:hover{background-color:#035cc2;background-image:linear-gradient(-180deg,#0374f4,#035cc2 90%);background-position:-.5em;border-color:rgba(27,31,35,.5)}.gh-style.btn-blue.selected,.gh-style.btn-blue:active,.gh-style.btn-blue[aria-selected=true],[open]>.gh-style.btn-blue{background-color:#045cc1;background-image:none;border-color:rgba(27,31,35,.5);box-shadow:inset 0 .15em .3em rgba(27,31,35,.15)}.gh-style.btn-blue.disabled,.gh-style.btn-blue:disabled,.gh-style.btn-blue[aria-disabled=true]{color:hsla(0,0%,100%,.75);background-color:#81b0e6;background-image:none;border-color:rgba(27,31,35,.15);box-shadow:none}.gh-style.btn-blue .Counter{color:#0366d6;background-color:#fff}.gh-style.btn-sm{padding:3px 12px;font-size:12px;line-height:20px}.gh-style.btn-sm .octicon{vertical-align:text-top}.gh-style.btn-large{padding:.75em 1.5em;font-size:inherit;line-height:1.5;border-radius:.5em}.gh-style.btn-block{display:block;width:100%;text-align:center}.gh-style.btnGroup{display:inline-block;vertical-align:middle}.gh-style.btnGroup:before{display:table;content:""}.gh-style.btnGroup:after{display:table;clear:both;content:""}.gh-style.btnGroup+.gh-style.btn,.gh-style.btnGroup+.gh-style.btnGroup{margin-left:4px}.gh-style.btnGroup-item{position:relative;float:left;border-right-width:0;border-radius:0}.gh-style.btnGroup-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.gh-style.btnGroup-item:last-child{border-right-width:1px;border-top-right-radius:6px;border-bottom-right-radius:6px}.gh-style.btnGroup-item.selected,.gh-style.btnGroup-item:active,.gh-style.btnGroup-item:focus,.gh-style.btnGroup-item:hover,.gh-style.btnGroup-item[aria-selected=true]{border-right-width:1px}.gh-style.btnGroup-item.selected+.gh-style.btnGroup-item,.gh-style.btnGroup-item.selected+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-item:active+.gh-style.btnGroup-item,.gh-style.btnGroup-item:active+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-item:focus+.gh-style.btnGroup-item,.gh-style.btnGroup-item:focus+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-item:hover+.gh-style.btnGroup-item,.gh-style.btnGroup-item:hover+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-item[aria-selected=true]+.gh-style.btnGroup-item,.gh-style.btnGroup-item[aria-selected=true]+.gh-style.btnGroup-parent .gh-style.btnGroup-item{border-left-width:0}.gh-style.btnGroup-parent{float:left}.gh-style.btnGroup-parent:first-child .gh-style.btnGroup-item{border-top-left-radius:6px;border-bottom-left-radius:6px}.gh-style.btnGroup-parent:last-child .gh-style.btnGroup-item{border-right-width:1px;border-top-right-radius:6px;border-bottom-right-radius:6px}.gh-style.btnGroup-parent .gh-style.btnGroup-item{border-right-width:0;border-radius:0}.gh-style.btnGroup-parent.selected .gh-style.btnGroup-item,.gh-style.btnGroup-parent:active .gh-style.btnGroup-item,.gh-style.btnGroup-parent:focus .gh-style.btnGroup-item,.gh-style.btnGroup-parent:hover .gh-style.btnGroup-item,.gh-style.btnGroup-parent[aria-selected=true] .gh-style.btnGroup-item{border-right-width:1px}.gh-style.btnGroup-parent.selected+.gh-style.btnGroup-item,.gh-style.btnGroup-parent.selected+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-parent:active+.gh-style.btnGroup-item,.gh-style.btnGroup-parent:active+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-parent:focus+.gh-style.btnGroup-item,.gh-style.btnGroup-parent:focus+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-parent:hover+.gh-style.btnGroup-item,.gh-style.btnGroup-parent:hover+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-parent[aria-selected=true]+.gh-style.btnGroup-item,.gh-style.btnGroup-parent[aria-selected=true]+.gh-style.btnGroup-parent .gh-style.btnGroup-item{border-left-width:0}.gh-style.btnGroup-item:active,.gh-style.btnGroup-item:focus,.gh-style.btnGroup-parent:active,.gh-style.btnGroup-parent:focus{z-index:1}.gh-style.btn-link{display:inline-block;padding:0;font-size:inherit;color:#0366d6;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:transparent;border:0;-webkit-appearance:none;appearance:none}.gh-style.btn-link:hover{text-decoration:underline}.gh-style.btn-link:disabled,.gh-style.btn-link:disabled:hover,.gh-style.btn-link[aria-disabled=true],.gh-style.btn-link[aria-disabled=true]:hover{color:rgba(88,96,105,.5);cursor:default}.gh-style.btn-invisible{color:#0366d6;background-color:transparent;border:0;border-radius:0;box-shadow:none}.gh-style.btn-invisible.selected,.gh-style.btn-invisible.zeroclipboard-is-active,.gh-style.btn-invisible.zeroclipboard-is-hover,.gh-style.btn-invisible:active,.gh-style.btn-invisible:focus,.gh-style.btn-invisible:hover,.gh-style.btn-invisible[aria-selected=true]{color:#0366d6;background:0 0;outline:0;box-shadow:none}.gh-style.btn-octicon{display:inline-block;padding:5px;margin-left:5px;line-height:1;color:#586069;vertical-align:middle;background:0 0;border:0}.gh-style.btn-octicon:hover{color:#0366d6}.gh-style.btn-octicon.disabled,.gh-style.btn-octicon[aria-disabled=true]{color:#959da5;cursor:default}.gh-style.btn-octicon.disabled:hover,.gh-style.btn-octicon[aria-disabled=true]:hover{color:#959da5}.gh-style.btn-octicon-danger:hover{color:#cb2431}.gh-style.btn-with-count{float:left;border-top-right-radius:0;border-bottom-right-radius:0}.gh-style.btn-with-count:focus{z-index:1}.gh-style.btn:focus .icon-sponsor,.gh-style.btn:focus .icon-sponsoring,.gh-style.btn:hover .icon-sponsor,.gh-style.btn:hover .icon-sponsoring,.Label:focus .icon-sponsor,.Label:focus .icon-sponsoring,.Label:hover .icon-sponsor,.Label:hover .icon-sponsoring{transform:scale(1.1)}.icon-sponsor{overflow:visible}.gh-style{position:fixed;width:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.5}.octicon{display:inline-block;overflow:visible;vertical-align:text-bottom;fill:currentColor}</style><meta name="amp-script-src" content="sha384-n2-YMnb2FkeDk-Ca2pVnoYSR2FqNKqKgTwfK_UI0EAeVRCAHgCDjsecHJpVMv3Sl"></head><body class="layout-archive" data-amp-auto-lightbox-disable>
+<amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
+</amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
+</div>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
+</li>
+<li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
+</li>
+<li class="nav-item" role="none"> <a class="nav-link" href="/category/academic/" role="menuitem">Academic</a>
+</li></ul>
+<ul class="navbar-btngroup row ml-auto"><li class="nav-item"> <div class="invitation-codes"> <a class="btn invitation-codes-badge" href="https://invitation.codes/@chriskyfung" data-type data-vars-event-label="Invitation Code Button" aria-label="invitation.codes - link opens in a new tab" title="invitation.codes - Open in New Tab" rel="noopener noreferrer" target="_blank"> <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment-alt-dots" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width:20px"> <path fill="currentColor" d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm16 352c0 8.8-7.2 16-16 16H288l-12.8 9.6L208 428v-60H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h384c8.8 0 16 7.2 16 16v288zM128 176c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32z" class=""/> </svg> </a>
+</div> </li><li class="nav-item"> <a class="gh-style btn btn-block" style="margin: 2px 0" aria-label="Sponsor @chriskyfung" target="_top" href="https://github.com/sponsors/chriskyfung?o=esb"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart icon-sponsor color-fg-sponsors"> <path fill-rule="evenodd" d="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z"/> </svg> <span>Sponsor</span> </a> </li><li class="nav-item"> <button type="button" on="tap:amp-searchbar" id="toggle-search" class="btn btn-primary" data-toggle="modal" data-target="#searchbar" title="search" accesskey="/"> <i class="fas fa-search"></i> </button> </li> </ul> </div>  </div> </nav> <amp-lightbox scrollable id="amp-searchbar" layout="nodisplay" animate-in="fade-in" hidden="hidden" class="i-amphtml-layout-nodisplay" i-amphtml-layout="nodisplay"> <div class="modal-dialog modal-lg">  <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Search for</h5> <button class="close" type="button" on="tap:amp-searchbar.close" aria-label="Close Search Modal" tabindex="-1">×</button> </div> <div class="modal-body"> <div class="search_form"> <form method="GET" action="/search" target="_top"> <amp-autocomplete class="searchbox i-amphtml-layout-container" filter="substring" src="/assets/data/suggestions.json" i-amphtml-layout="container"> <input class="form-control" name="q" type="search" placeholder="Search" required> </amp-autocomplete> <input hidden name="sitesearch" value="chriskyfung.github.io"> <button class="btn btn-primary" type="submit">Search</button> </form> </div> </div> </div> </div> </amp-lightbox>   <div class="site-content"> <div class="container">  <div class="main-content" style="margin-top: 88px;"> <div class="row">  <main class="col-md-8 col-lg-8">
+<section class="row recent-posts"> <div class="section-title"> <h1><span>tag 'Bash'</span></h1> </div> <div class="masonrygrid row listrecent"> <h2 class="sr-only">Post Grid</h2><div class="col-md-6 grid-item"> <article class="card"> <a href="/github-cli-repo-clone-custom-completion/" aria-hidden="true" tabindex="-1"><figure><amp-img width="730" height="431" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.webp" alt="thumbnail for Speed Up Git..." i-amphtml-ssr data-hero class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQzMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="431" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.jpg" alt="thumbnail for Speed Up Git..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQzMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> <img class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" loading="lazy" alt="thumbnail for Speed Up Git..." src="/images/posts/coding/gh-repo-clone-custom-completion-cover.webp"></amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/github-cli-repo-clone-custom-completion/" rel="bookmark">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h3> <p class="card-text">Learn how to supercharge your GitHub CLI experience with custom bash completion for the 'gh repo clone' command. Includes step-by-step setup and practical examples.</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/autocompletions/">Autocompletions</a></small> </li><li> <small><a href="/tag/bash/">Bash</a></small> </li><li> <small><a href="/tag/command-line/">Command-line</a></small> </li><li> <small><a href="/tag/github-cli/">GitHub CLI</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="clearfix"></div> </div> </div> </div> </article>
+</div>
+</div> </section> </main>  <aside class="col-md-4 col-lg-4 left-sidebar"><div class="sidebar"> <h2 class="sr-only">Sidebar</h2> <div aria-label="featured posts" class="sidebar-section"> <h3><span>Featured</span><span class="sr-only"> Posts</span></h3> <section class="featured-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp335-cover.thumb.webp" alt="Image in Bash" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp335-cover.thumb.png" alt="Image in Bash" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab">☁ Secure Workloads in Google Kubernetes Engine: Challenge Lab | l...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i><i class="fas fa-sync-alt fa-xs" aria-hidden="true" style="color:#0293d8;margin-left:-.5em;vertical-align:bottom"></i> <time datetime="2021-06-27T15:00:00+08:00" itemprop="dateModified" title="Updated on">27 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/windows/fix-windows10-boot-loop-after-fail-upgrade"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/windows/restoring-your-previous-version-of-windows-10.thumb.webp" alt="Image in Bash" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/windows/restoring-your-previous-version-of-windows-10.thumb.png" alt="Image in Bash" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/windows/fix-windows10-boot-loop-after-fail-upgrade">Fix reboot loop after a fail upgrade of Windows 10, Version 2004,...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/windows/fix-windows10-boot-loop-after-fail-upgrade" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2020-06-23T23:18:00+08:00" itemprop="datePublished" title="Published on">23 Jun 2020</time></div> <ul class="tags"><li> <small><a href="/category/windows/">Windows</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklabs-user-tips-for-learning-google-cloud-platform"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/qwiklabs-badges.thumb.webp" alt="Image in Bash" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/qwiklabs-badges.thumb.jpg" alt="Image in Bash" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklabs-user-tips-for-learning-google-cloud-platform">Learning Google Cloud Platform on Qwiklabs: Learning Map, Assisti...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklabs-user-tips-for-learning-google-cloud-platform" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i><i class="fas fa-sync-alt fa-xs" aria-hidden="true" style="color:#0293d8;margin-left:-.5em;vertical-align:bottom"></i> <time datetime="2020-06-20T23:36:00+08:00" itemprop="dateModified" title="Updated on">20 Jun 2020</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Bash" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Bash" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Bash" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Bash" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Bash" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Bash" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Bash" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Bash" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Bash" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+</div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
+</div>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+</amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
+<p>See anything that can be improved?</p>
+<p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
+<a class="btn btn-primary btn-lg" href="/contact">Contact Me</a> </div> <div class="col-md-4 text-center footersocial"> <div class="mb-4"> <h3>Support Me</h3>
+<a class="bmc-button" href="https://www.buymeacoffee.com/chriskyfung" data-vars-event-label="Buy me a coffee Badge"> <amp-img src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" width="35" height="34" layout="fixed" alt aria-hidden="true" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:35px;height:34px;" i-amphtml-layout="fixed"></amp-img> <span style="margin-left:5px;">Buy me a coffee</span>
+</a> </div> <div> <h3>Follow Me on</h3><a href="https://www.facebook.com/chriskyfung" rel="noopener noreferrer" target="_blank"><i class="fab fa-facebook" aria-hidden="true"></i><span class="sr-only">Facebook</span></a><a href="https://www.pinterest.com/chriskyfung" rel="noopener noreferrer" target="_blank"><i class="fab fa-pinterest"></i><span class="sr-only">Pinterest</span></a><a href="https://github.com/chriskyfung" rel="noopener noreferrer" target="_blank"><i class="fab fa-github"></i><span class="sr-only">GitHub</span></a><a href="https://medium.com/@chriskyfung" rel="noopener noreferrer" target="_blank"><i class="fab fa-medium"></i><span class="sr-only">Medium</span></a> </div> </div> </div> </div> </section>  <section class="footer"> <div class="container"> <div class="row"> <div class="col-sm-3"> <div class="footer-widget"> <div class="footer-widget-blob footer-widget-image-wrapper"> <amp-img class="pr-lg-3 i-amphtml-layout-responsive i-amphtml-layout-size-defined" src="/assets/images/knowledge__flatline.svg" height="179" width="255" layout="responsive" alt="ideas and knowledge" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:70.1961%"></i-amphtml-sizer></amp-img>
+</div> </div> </div> <div class="col-sm-3"> <div class="footer-widget"> <h3 class="title"></h3>
+<ul></ul> </div> </div> <div class="col-sm-3"> <div class="footer-widget"> <h3 class="title"></h3>
+<ul></ul> </div> </div> <div class="col-sm-3"> <div class="footer-widget"> <h3 class="title">Disclosures</h3>
+
+<div id="copyscape-banner"> <a href="https://www.copyscape.com/" data-vars-event-label="Copyscape Badge" aria-label="Copyscape - link opens in a new tab" rel="noopener noreferrer" target="_blank"> <amp-img src="https://banners.copyscape.com/img/copyscape-banner-white-130x46.png" width="130" height="46" alt="© Protected by Copyscape" title="Opens in New Tab" style="width:130px;height:46px;width:130px;height:46px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> </amp-img> </a>
+</div> </div> </div> </div> <div class="footer-bar"> <p class="float-lg-left"> Copyright © 2014-2024 <a href="https://chriskyfung.github.io/">Chris KY FUNG</a>. All rights reserved. </p> <p class="float-lg-right">Powered by <a aria-label="theme credit" href="https://chriskyfung.github.io/amp-affiliately-jekyll-theme/" rel="noopener noreferrer">AMP Affiliately Theme</a> | <a aria-label="privacy policy" href="/privacy-policy">Privacy Policy</a> </p> <div class="clearfix"></div> </div> </div> </section></footer>  </div> <amp-image-lightbox id="lightbox1" layout="nodisplay" data-close-button-aria-label="Close" hidden="hidden" class="i-amphtml-layout-nodisplay" i-amphtml-layout="nodisplay"></amp-image-lightbox> </body></html>
\ No newline at end of file
diff --git a/tag/bigquery/index.html b/tag/bigquery/index.html
index 48c9a3785..b3af981b4 100644
--- a/tag/bigquery/index.html
+++ b/tag/bigquery/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -31,19 +31,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in BigQuery" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in BigQuery" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in BigQuery" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in BigQuery" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in BigQuery" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in BigQuery" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in BigQuery" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in BigQuery" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in BigQuery" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in BigQuery" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in BigQuery" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in BigQuery" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in BigQuery" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/changelog/index.html b/tag/changelog/index.html
index f06ba1fd0..0ddba8a34 100644
--- a/tag/changelog/index.html
+++ b/tag/changelog/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -31,19 +31,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Changelog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Changelog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Changelog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Changelog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Changelog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Changelog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Changelog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Changelog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Changelog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Changelog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Changelog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Changelog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Changelog" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/cloud-ai/index.html b/tag/cloud-ai/index.html
index 4309e6691..bcc59c60e 100644
--- a/tag/cloud-ai/index.html
+++ b/tag/cloud-ai/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -27,19 +27,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Cloud AI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Cloud AI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Cloud AI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Cloud AI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Cloud AI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Cloud AI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Cloud AI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Cloud AI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Cloud AI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Cloud AI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Cloud AI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Cloud AI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Cloud AI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/cloud-function/index.html b/tag/cloud-function/index.html
index 3cbafceb3..f78d2d274 100644
--- a/tag/cloud-function/index.html
+++ b/tag/cloud-function/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Cloud Function" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Cloud Function" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Cloud Function" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Cloud Function" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Cloud Function" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Cloud Function" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Cloud Function" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Cloud Function" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Cloud Function" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Cloud Function" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Cloud Function" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Cloud Function" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Cloud Function" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/command-line/index.html b/tag/command-line/index.html
index 38bc86fb2..2a5f0383d 100644
--- a/tag/command-line/index.html
+++ b/tag/command-line/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -13,7 +13,9 @@
 </li></ul>
 <ul class="navbar-btngroup row ml-auto"><li class="nav-item"> <div class="invitation-codes"> <a class="btn invitation-codes-badge" href="https://invitation.codes/@chriskyfung" data-type data-vars-event-label="Invitation Code Button" aria-label="invitation.codes - link opens in a new tab" title="invitation.codes - Open in New Tab" rel="noopener noreferrer" target="_blank"> <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment-alt-dots" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width:20px"> <path fill="currentColor" d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm16 352c0 8.8-7.2 16-16 16H288l-12.8 9.6L208 428v-60H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h384c8.8 0 16 7.2 16 16v288zM128 176c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32z" class=""/> </svg> </a>
 </div> </li><li class="nav-item"> <a class="gh-style btn btn-block" style="margin: 2px 0" aria-label="Sponsor @chriskyfung" target="_top" href="https://github.com/sponsors/chriskyfung?o=esb"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart icon-sponsor color-fg-sponsors"> <path fill-rule="evenodd" d="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z"/> </svg> <span>Sponsor</span> </a> </li><li class="nav-item"> <button type="button" on="tap:amp-searchbar" id="toggle-search" class="btn btn-primary" data-toggle="modal" data-target="#searchbar" title="search" accesskey="/"> <i class="fas fa-search"></i> </button> </li> </ul> </div>  </div> </nav> <amp-lightbox scrollable id="amp-searchbar" layout="nodisplay" animate-in="fade-in" hidden="hidden" class="i-amphtml-layout-nodisplay" i-amphtml-layout="nodisplay"> <div class="modal-dialog modal-lg">  <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Search for</h5> <button class="close" type="button" on="tap:amp-searchbar.close" aria-label="Close Search Modal" tabindex="-1">×</button> </div> <div class="modal-body"> <div class="search_form"> <form method="GET" action="/search" target="_top"> <amp-autocomplete class="searchbox i-amphtml-layout-container" filter="substring" src="/assets/data/suggestions.json" i-amphtml-layout="container"> <input class="form-control" name="q" type="search" placeholder="Search" required> </amp-autocomplete> <input hidden name="sitesearch" value="chriskyfung.github.io"> <button class="btn btn-primary" type="submit">Search</button> </form> </div> </div> </div> </div> </amp-lightbox>   <div class="site-content"> <div class="container">  <div class="main-content" style="margin-top: 88px;"> <div class="row">  <main class="col-md-8 col-lg-8">
-<section class="row recent-posts"> <div class="section-title"> <h1><span>tag 'Command-line'</span></h1> </div> <div class="masonrygrid row listrecent"> <h2 class="sr-only">Post Grid</h2><div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/2014/07/12/Tip-for-scripting-LAMMPS-Create-And-Rename-A-Folder-Based-On-The-Input-Variables" aria-hidden="true" tabindex="-1"><figure><amp-img width="auto" height="197" layout="fixed-height" src="/assets/images/write-2160925.svg" alt="thumbnail for Tip for scri..." i-amphtml-ssr data-hero class="i-amphtml-layout-fixed-height i-amphtml-layout-size-defined" style="height:197px;" i-amphtml-layout="fixed-height"><img class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" loading="lazy" alt="thumbnail for Tip for scri..." src="/assets/images/write-2160925.svg"></amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/2014/07/12/Tip-for-scripting-LAMMPS-Create-And-Rename-A-Folder-Based-On-The-Input-Variables" rel="bookmark">Tip for scripting LAMMPS: Create And Rename A Folder Based On The Input Variables</a></h3> <p class="card-text">In a molecular dynamics study, simulation is often repeated with different sets of parameters, e.g. dimensions, velocity, initial pressure and temperature. If the parameters are defined as variables in the...</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/command-line/">Command-line</a></small> </li><li> <small><a href="/tag/lammps/">LAMMPS</a></small> </li><li> <small><a href="/tag/linux/">Linux</a></small> </li><li> <small><a href="/tag/molecular-dynamics/">Molecular dynamics</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2014-07-12T00:00:00+08:00" itemprop="datePublished" title="Published on">12 Jul 2014</time></div> <span class="post-read-more"><a href="/blog/2014/07/12/Tip-for-scripting-LAMMPS-Create-And-Rename-A-Folder-Based-On-The-Input-Variables" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="clearfix"></div> </div> </div> </div> </article>
+<section class="row recent-posts"> <div class="section-title"> <h1><span>tag 'Command-line'</span></h1> </div> <div class="masonrygrid row listrecent"> <h2 class="sr-only">Post Grid</h2><div class="col-md-6 grid-item"> <article class="card"> <a href="/github-cli-repo-clone-custom-completion/" aria-hidden="true" tabindex="-1"><figure><amp-img width="730" height="431" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.webp" alt="thumbnail for Speed Up Git..." i-amphtml-ssr data-hero class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQzMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="431" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.jpg" alt="thumbnail for Speed Up Git..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQzMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> <img class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" loading="lazy" alt="thumbnail for Speed Up Git..." src="/images/posts/coding/gh-repo-clone-custom-completion-cover.webp"></amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/github-cli-repo-clone-custom-completion/" rel="bookmark">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h3> <p class="card-text">Learn how to supercharge your GitHub CLI experience with custom bash completion for the 'gh repo clone' command. Includes step-by-step setup and practical examples.</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/autocompletions/">Autocompletions</a></small> </li><li> <small><a href="/tag/bash/">Bash</a></small> </li><li> <small><a href="/tag/command-line/">Command-line</a></small> </li><li> <small><a href="/tag/github-cli/">GitHub CLI</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="clearfix"></div> </div> </div> </div> </article>
+</div>
+<div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/2014/07/12/Tip-for-scripting-LAMMPS-Create-And-Rename-A-Folder-Based-On-The-Input-Variables" aria-hidden="true" tabindex="-1"><figure><amp-img width="auto" height="197" layout="fixed-height" src="/assets/images/write-2160925.svg" alt="thumbnail for Tip for scri..." class="i-amphtml-layout-fixed-height i-amphtml-layout-size-defined" style="height:197px;" i-amphtml-layout="fixed-height"></amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/2014/07/12/Tip-for-scripting-LAMMPS-Create-And-Rename-A-Folder-Based-On-The-Input-Variables" rel="bookmark">Tip for scripting LAMMPS: Create And Rename A Folder Based On The Input Variables</a></h3> <p class="card-text">In a molecular dynamics study, simulation is often repeated with different sets of parameters, e.g. dimensions, velocity, initial pressure and temperature. If the parameters are defined as variables in the...</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/command-line/">Command-line</a></small> </li><li> <small><a href="/tag/lammps/">LAMMPS</a></small> </li><li> <small><a href="/tag/linux/">Linux</a></small> </li><li> <small><a href="/tag/molecular-dynamics/">Molecular dynamics</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2014-07-12T00:00:00+08:00" itemprop="datePublished" title="Published on">12 Jul 2014</time></div> <span class="post-read-more"><a href="/blog/2014/07/12/Tip-for-scripting-LAMMPS-Create-And-Rename-A-Folder-Based-On-The-Input-Variables" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="clearfix"></div> </div> </div> </div> </article>
 </div>
 <div class="col-md-6 grid-item"> <article class="card"> <a href="/blog/2014/06/13/How-to-Send-a-Notification-from-a-LAMMPS-Simulation-to-Your-Email" aria-hidden="true" tabindex="-1"><figure><amp-img width="620" height="158" layout="intrinsic" src="/images/posts/lammps/lammps_send_email_transparent.webp" alt="thumbnail for How to Send ..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1OCIgd2lkdGg9IjYyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="620" height="158" layout="intrinsic" src="/images/posts/lammps/lammps_send_email_transparent.png" alt="thumbnail for How to Send ..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1OCIgd2lkdGg9IjYyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/blog/2014/06/13/How-to-Send-a-Notification-from-a-LAMMPS-Simulation-to-Your-Email" rel="bookmark">How to Send a Notification from a LAMMPS Simulation to Your Email</a></h3> <p class="card-text">Molecular dynamics simulations often take long computational times, from several hours to a few days. It is a boring job to monitor the progress of simulations. Very often, we switch...</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/command-line/">Command-line</a></small> </li><li> <small><a href="/tag/email/">Email</a></small> </li><li> <small><a href="/tag/lammps/">LAMMPS</a></small> </li><li> <small><a href="/tag/molecular-dynamics/">Molecular dynamics</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2014-06-13T00:00:00+08:00" itemprop="datePublished" title="Published on">13 Jun 2014</time></div> <span class="post-read-more"><a href="/blog/2014/06/13/How-to-Send-a-Notification-from-a-LAMMPS-Simulation-to-Your-Email" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="clearfix"></div> </div> </div> </div> </article>
 </div>
@@ -25,19 +27,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Command-line" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Command-line" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Command-line" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Command-line" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Command-line" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Command-line" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Command-line" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Command-line" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Command-line" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Command-line" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Command-line" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Command-line" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Command-line" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/computer-science/index.html b/tag/computer-science/index.html
index 977840eb3..420a41250 100644
--- a/tag/computer-science/index.html
+++ b/tag/computer-science/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Computer Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/conference-paper/index.html b/tag/conference-paper/index.html
index e36a69b8d..61a588c90 100644
--- a/tag/conference-paper/index.html
+++ b/tag/conference-paper/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Conference paper" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Conference paper" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Conference paper" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Conference paper" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Conference paper" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Conference paper" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Conference paper" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Conference paper" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Conference paper" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Conference paper" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Conference paper" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Conference paper" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Conference paper" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/conference/index.html b/tag/conference/index.html
index 0ac410ddd..58eb23231 100644
--- a/tag/conference/index.html
+++ b/tag/conference/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Conference" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Conference" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Conference" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Conference" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Conference" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Conference" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Conference" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Conference" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Conference" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Conference" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Conference" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Conference" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Conference" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/custom-theme/index.html b/tag/custom-theme/index.html
index 9de098153..baff830eb 100644
--- a/tag/custom-theme/index.html
+++ b/tag/custom-theme/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -25,19 +25,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Custom Theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Custom Theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Custom Theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Custom Theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Custom Theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Custom Theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Custom Theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Custom Theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Custom Theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Custom Theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Custom Theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Custom Theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Custom Theme" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/data-science/index.html b/tag/data-science/index.html
index 831606187..26c59b0cb 100644
--- a/tag/data-science/index.html
+++ b/tag/data-science/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -40,19 +40,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Data Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Data Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Data Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Data Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Data Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Data Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Data Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Data Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Data Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Data Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Data Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Data Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Data Science" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/docker/index.html b/tag/docker/index.html
index c0997008c..14cd1e2fa 100644
--- a/tag/docker/index.html
+++ b/tag/docker/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -25,19 +25,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Docker" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Docker" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Docker" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Docker" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Docker" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Docker" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Docker" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Docker" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Docker" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Docker" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Docker" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Docker" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Docker" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/email/index.html b/tag/email/index.html
index b94fb1e8e..dfa103206 100644
--- a/tag/email/index.html
+++ b/tag/email/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Email" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/file-i-o/index.html b/tag/file-i-o/index.html
index 516384368..d135fd6a6 100644
--- a/tag/file-i-o/index.html
+++ b/tag/file-i-o/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in File I/O" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in File I/O" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in File I/O" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in File I/O" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in File I/O" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in File I/O" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in File I/O" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in File I/O" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in File I/O" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in File I/O" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in File I/O" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in File I/O" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in File I/O" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/fuzzy-logic/index.html b/tag/fuzzy-logic/index.html
index 18aaebdea..ceb40cc9b 100644
--- a/tag/fuzzy-logic/index.html
+++ b/tag/fuzzy-logic/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Fuzzy Logic" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/gcloud/index.html b/tag/gcloud/index.html
index 7a50f6808..18f182cfe 100644
--- a/tag/gcloud/index.html
+++ b/tag/gcloud/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in GCLOUD" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in GCLOUD" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in GCLOUD" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in GCLOUD" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in GCLOUD" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in GCLOUD" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in GCLOUD" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in GCLOUD" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in GCLOUD" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in GCLOUD" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in GCLOUD" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in GCLOUD" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in GCLOUD" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/github-cli/index.html b/tag/github-cli/index.html
new file mode 100644
index 000000000..6dd46dac6
--- /dev/null
+++ b/tag/github-cli/index.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html><html amp lang="en" i-amphtml-binding i-amphtml-layout i-amphtml-no-boilerplate transformed="self;v=1"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="preload" href="/assets/images/logo-plainSVG.svg" as="image"><link rel="preload" href="https://use.fontawesome.com/releases/v5.13.1/webfonts/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://use.fontawesome.com/releases/v5.13.1/webfonts/fa-regular-400.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://use.fontawesome.com/releases/v5.13.1/webfonts/fa-solid-900.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://chriskyfung.github.io/amp-affiliately-jekyll-theme/assets/images/b8d82a619c.png" as="image"><meta name="generator" content="Jekyll v4.2.2"><meta property="og:title" content="GitHub CLI"><meta name="author" content="Chris KY Fung"><meta property="og:locale" content="en_US"><meta name="description" content="Feel free to bookmark this to keep an eye on my project updates"><meta property="og:description" content="Feel free to bookmark this to keep an eye on my project updates"><meta property="og:url" content="https://chriskyfung.github.io/tag/github-cli/"><meta property="og:site_name" content="Chris KY FUNG’s Blog"><meta property="og:type" content="website"><meta name="twitter:card" content="summary"><meta property="twitter:title" content="GitHub CLI"><meta name="google-site-verification" content="WvB_kR1tvqtLYj1YxGXkQp6X-ue8FgK5kfQOB2K8cZA"><style amp-runtime i-amphtml-version="012410292120000">html{overflow-x:hidden!important}html.i-amphtml-fie{height:100%!important;width:100%!important}html:not([amp4ads]),html:not([amp4ads]) body{height:auto!important}html:not([amp4ads]) body{margin:0!important}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}html.i-amphtml-singledoc.i-amphtml-embedded{-ms-touch-action:pan-y pinch-zoom;touch-action:pan-y pinch-zoom}html.i-amphtml-fie>body,html.i-amphtml-singledoc>body{overflow:visible!important}html.i-amphtml-fie:not(.i-amphtml-inabox)>body,html.i-amphtml-singledoc:not(.i-amphtml-inabox)>body{position:relative!important}html.i-amphtml-ios-embed-legacy>body{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important}html.i-amphtml-ios-embed{overflow-y:auto!important;position:static}#i-amphtml-wrapper{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;display:block!important}html.i-amphtml-ios-embed.i-amphtml-ios-overscroll,html.i-amphtml-ios-embed.i-amphtml-ios-overscroll>#i-amphtml-wrapper{-webkit-overflow-scrolling:touch!important}#i-amphtml-wrapper>body{position:relative!important;border-top:1px solid transparent!important}#i-amphtml-wrapper+body{visibility:visible}#i-amphtml-wrapper+body .i-amphtml-lightbox-element,#i-amphtml-wrapper+body[i-amphtml-lightbox]{visibility:hidden}#i-amphtml-wrapper+body[i-amphtml-lightbox] .i-amphtml-lightbox-element{visibility:visible}#i-amphtml-wrapper.i-amphtml-scroll-disabled,.i-amphtml-scroll-disabled{overflow-x:hidden!important;overflow-y:hidden!important}amp-instagram{padding:54px 0px 0px!important;background-color:#fff}amp-iframe iframe{box-sizing:border-box!important}[amp-access][amp-access-hide]{display:none}[subscriptions-dialog],body:not(.i-amphtml-subs-ready) [subscriptions-action],body:not(.i-amphtml-subs-ready) [subscriptions-section]{display:none!important}amp-experiment,amp-live-list>[update]{display:none}amp-list[resizable-children]>.i-amphtml-loading-container.amp-hidden{display:none!important}amp-list [fetch-error],amp-list[load-more] [load-more-button],amp-list[load-more] [load-more-end],amp-list[load-more] [load-more-failed],amp-list[load-more] [load-more-loading]{display:none}amp-list[diffable] div[role=list]{display:block}amp-story-page,amp-story[standalone]{min-height:1px!important;display:block!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;width:100%!important}amp-story[standalone]{background-color:#000!important;position:relative!important}amp-story-page{background-color:#757575}amp-story .amp-active>div,amp-story .i-amphtml-loader-background{display:none!important}amp-story-page:not(:first-of-type):not([distance]):not([active]){transform:translateY(1000vh)!important}amp-autocomplete{position:relative!important;display:inline-block!important}amp-autocomplete>input,amp-autocomplete>textarea{padding:0.5rem;border:1px solid rgba(0,0,0,.33)}.i-amphtml-autocomplete-results,amp-autocomplete>input,amp-autocomplete>textarea{font-size:1rem;line-height:1.5rem}[amp-fx^=fly-in]{visibility:hidden}amp-script[nodom],amp-script[sandboxed]{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden}
+/*# sourceURL=/css/ampdoc.css*/[hidden]{display:none!important}.i-amphtml-element{display:inline-block}.i-amphtml-blurry-placeholder{transition:opacity 0.3s cubic-bezier(0.0,0.0,0.2,1)!important;pointer-events:none}[layout=nodisplay]:not(.i-amphtml-element){display:none!important}.i-amphtml-layout-fixed,[layout=fixed][width][height]:not(.i-amphtml-layout-fixed){display:inline-block;position:relative}.i-amphtml-layout-responsive,[layout=responsive][width][height]:not(.i-amphtml-layout-responsive),[width][height][heights]:not([layout]):not(.i-amphtml-layout-responsive),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-layout-responsive){display:block;position:relative}.i-amphtml-layout-intrinsic,[layout=intrinsic][width][height]:not(.i-amphtml-layout-intrinsic){display:inline-block;position:relative;max-width:100%}.i-amphtml-layout-intrinsic .i-amphtml-sizer{max-width:100%}.i-amphtml-intrinsic-sizer{max-width:100%;display:block!important}.i-amphtml-layout-container,.i-amphtml-layout-fixed-height,[layout=container],[layout=fixed-height][height]:not(.i-amphtml-layout-fixed-height){display:block;position:relative}.i-amphtml-layout-fill,.i-amphtml-layout-fill.i-amphtml-notbuilt,[layout=fill]:not(.i-amphtml-layout-fill),body noscript>*{display:block;overflow:hidden!important;position:absolute;top:0;left:0;bottom:0;right:0}body noscript>*{position:absolute!important;width:100%;height:100%;z-index:2}body noscript{display:inline!important}.i-amphtml-layout-flex-item,[layout=flex-item]:not(.i-amphtml-layout-flex-item){display:block;position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.i-amphtml-layout-fluid{position:relative}.i-amphtml-layout-size-defined{overflow:hidden!important}.i-amphtml-layout-awaiting-size{position:absolute!important;top:auto!important;bottom:auto!important}i-amphtml-sizer{display:block!important}@supports (aspect-ratio:1/1){i-amphtml-sizer.i-amphtml-disable-ar{display:none!important}}.i-amphtml-blurry-placeholder,.i-amphtml-fill-content{display:block;height:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;margin:auto}.i-amphtml-layout-size-defined .i-amphtml-fill-content{position:absolute;top:0;left:0;bottom:0;right:0}.i-amphtml-replaced-content,.i-amphtml-screen-reader{padding:0!important;border:none!important}.i-amphtml-screen-reader{position:fixed!important;top:0px!important;left:0px!important;width:4px!important;height:4px!important;opacity:0!important;overflow:hidden!important;margin:0!important;display:block!important;visibility:visible!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:8px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:12px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:16px!important}.i-amphtml-unresolved{position:relative;overflow:hidden!important}.i-amphtml-select-disabled{-webkit-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.i-amphtml-notbuilt,[layout]:not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element){position:relative;overflow:hidden!important;color:transparent!important}.i-amphtml-notbuilt:not(.i-amphtml-layout-container)>*,[layout]:not([layout=container]):not(.i-amphtml-element)>*,[width][height][heights]:not([layout]):not(.i-amphtml-element)>*,[width][height][sizes]:not([layout]):not(.i-amphtml-element)>*{display:none}amp-img:not(.i-amphtml-element)[i-amphtml-ssr]>img.i-amphtml-fill-content{display:block}.i-amphtml-notbuilt:not(.i-amphtml-layout-container),[layout]:not([layout=container]):not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element){color:transparent!important;line-height:0!important}.i-amphtml-ghost{visibility:hidden!important}.i-amphtml-element>[placeholder],[layout]:not(.i-amphtml-element)>[placeholder],[width][height][heights]:not([layout]):not(.i-amphtml-element)>[placeholder],[width][height][sizes]:not([layout]):not(.i-amphtml-element)>[placeholder]{display:block;line-height:normal}.i-amphtml-element>[placeholder].amp-hidden,.i-amphtml-element>[placeholder].hidden{visibility:hidden}.i-amphtml-element:not(.amp-notsupported)>[fallback],.i-amphtml-layout-container>[placeholder].amp-hidden,.i-amphtml-layout-container>[placeholder].hidden{display:none}.i-amphtml-layout-size-defined>[fallback],.i-amphtml-layout-size-defined>[placeholder]{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:1}amp-img[i-amphtml-ssr]:not(.i-amphtml-element)>[placeholder]{z-index:auto}.i-amphtml-notbuilt>[placeholder]{display:block!important}.i-amphtml-hidden-by-media-query{display:none!important}.i-amphtml-element-error{background:red!important;color:#fff!important;position:relative!important}.i-amphtml-element-error:before{content:attr(error-message)}i-amp-scroll-container,i-amphtml-scroll-container{position:absolute;top:0;left:0;right:0;bottom:0;display:block}i-amp-scroll-container.amp-active,i-amphtml-scroll-container.amp-active{overflow:auto;-webkit-overflow-scrolling:touch}.i-amphtml-loading-container{display:block!important;pointer-events:none;z-index:1}.i-amphtml-notbuilt>.i-amphtml-loading-container{display:block!important}.i-amphtml-loading-container.amp-hidden{visibility:hidden}.i-amphtml-element>[overflow]{cursor:pointer;position:relative;z-index:2;visibility:hidden;display:initial;line-height:normal}.i-amphtml-layout-size-defined>[overflow]{position:absolute}.i-amphtml-element>[overflow].amp-visible{visibility:visible}template{display:none!important}.amp-border-box,.amp-border-box *,.amp-border-box :after,.amp-border-box :before{box-sizing:border-box}amp-pixel{display:none!important}amp-analytics,amp-auto-ads,amp-story-auto-ads{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden}amp-story{visibility:hidden!important}html.i-amphtml-fie>amp-analytics{position:initial!important}[visible-when-invalid]:not(.visible),form [submit-error],form [submit-success],form [submitting]{display:none}amp-accordion{display:block!important}@media (min-width:1px){:where(amp-accordion>section)>:first-child{margin:0;background-color:#efefef;padding-right:20px;border:1px solid #dfdfdf}:where(amp-accordion>section)>:last-child{margin:0}}amp-accordion>section{float:none!important}amp-accordion>section>*{float:none!important;display:block!important;overflow:hidden!important;position:relative!important}amp-accordion,amp-accordion>section{margin:0}amp-accordion:not(.i-amphtml-built)>section>:last-child{display:none!important}amp-accordion:not(.i-amphtml-built)>section[expanded]>:last-child{display:block!important}
+/*# sourceURL=/css/ampshared.css*/</style><script async src="https://cdn.ampproject.org/v0.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0.js" crossorigin="anonymous"></script><script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-ad-0.1.js" crossorigin="anonymous" custom-element="amp-ad"></script><script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js" crossorigin="anonymous" custom-element="amp-analytics"></script><script async custom-element="amp-auto-ads" src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js" crossorigin="anonymous" custom-element="amp-auto-ads"></script><script async custom-element="amp-autocomplete" src="https://cdn.ampproject.org/v0/amp-autocomplete-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-autocomplete-0.1.js" crossorigin="anonymous" custom-element="amp-autocomplete"></script><script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-bind-0.1.js" crossorigin="anonymous" custom-element="amp-bind"></script><script async custom-element="amp-consent" src="https://cdn.ampproject.org/v0/amp-consent-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-consent-0.1.js" crossorigin="anonymous" custom-element="amp-consent"></script><script async custom-element="amp-font" src="https://cdn.ampproject.org/v0/amp-font-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-font-0.1.js" crossorigin="anonymous" custom-element="amp-font"></script><script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-form-0.1.js" crossorigin="anonymous" custom-element="amp-form"></script><script async custom-element="amp-fx-collection" src="https://cdn.ampproject.org/v0/amp-fx-collection-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js" crossorigin="anonymous" custom-element="amp-fx-collection"></script><script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js" crossorigin="anonymous" custom-element="amp-iframe"></script><script async custom-element="amp-image-lightbox" src="https://cdn.ampproject.org/v0/amp-image-lightbox-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-image-lightbox-0.1.js" crossorigin="anonymous" custom-element="amp-image-lightbox"></script><script async custom-element="amp-lightbox" src="https://cdn.ampproject.org/v0/amp-lightbox-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-lightbox-0.1.js" crossorigin="anonymous" custom-element="amp-lightbox"></script><script async custom-element="amp-script" src="https://cdn.ampproject.org/v0/amp-script-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-script-0.1.js" crossorigin="anonymous" custom-element="amp-script"></script><link rel="icon" href="/assets/images/favicon_96x96.png"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.1/css/all.css" crossorigin><title>GitHub CLI | Chris KY FUNG’s Blog</title><link rel="canonical" href="https://chriskyfung.github.io/tag/github-cli/"><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","author":{"@type":"Person","name":"Chris KY Fung"},"description":"Feel free to bookmark this to keep an eye on my project updates","headline":"GitHub CLI","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://chriskyfung.github.io/assets/images/logo-plainSVG.svg"},"name":"Chris KY Fung"},"url":"https://chriskyfung.github.io/tag/github-cli/"}</script><link rel="preconnect dns-prefetch" href="https://www.googletagmanager.com" crossorigin><link rel="preconnect dns-prefetch" href="https://fonts.gstatic.com/" crossorigin><style amp-custom>html{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#292b2c;background-color:#fff}article,aside,figcaption,figure,footer,header,main,nav,section{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible;margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}kbd,samp{font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#0275d8;text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:100%;margin:0}optgroup{line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}textarea{overflow:auto}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}dl,ol,p,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-left:0}blockquote,figure{margin:0 0 1rem}img{vertical-align:middle}[role=button],a,area,button,input,label,select,summary,textarea{cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse;background-color:transparent}caption{padding-top:.75rem;padding-bottom:.75rem;color:#636c72;caption-side:bottom}caption,th{text-align:left}dd,label{margin-bottom:.5rem}label{display:inline-block}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,select,textarea{line-height:inherit}.lead{font-size:1.25rem;font-weight:300}.small,small{font-size:80%;font-weight:400}.blockquote{padding:.5rem 1rem;margin-bottom:1rem;font-size:1.25rem;border-left:.25rem solid #eceeef}.img-fluid{max-width:100%;height:auto}.figure{display:inline-block}.figure-caption{font-size:90%;color:#636c72}code,pre{font-size:90%}code{padding:.2rem .4rem;color:#bd4147;background-color:#f7f7f9;border-radius:.25rem}a>code,pre code{padding:0;color:inherit;background-color:inherit}pre{display:block;margin-top:0;margin-bottom:1rem;color:#292b2c}pre code{font-size:inherit;background-color:transparent;border-radius:0}.container{position:relative;margin-left:auto;margin-right:auto;padding-right:15px;padding-left:15px}@media (min-width:576px){.container{padding-right:15px;padding-left:15px}}@media (min-width:768px){.container{padding-right:15px;padding-left:15px}}@media (min-width:992px){.container{padding-right:15px;padding-left:15px}}@media (min-width:1200px){.container{padding-right:15px;padding-left:15px}}.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto{-webkit-box-flex:0}.col-1{-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width:576px){.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-sm-3,.col-sm-4,.col-sm-6,.col-sm-8{-webkit-box-flex:0}.col-sm-3{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-8{-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-4{-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}}.table{width:100%;max-width:100%;margin-bottom:1rem}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #eceeef}.table thead th{vertical-align:bottom;border-bottom:2px solid #eceeef}.form-control{display:block;width:100%;padding:.5rem .75rem;font-size:1rem;line-height:1.25;color:#464a4c;background-color:#fff;background-image:none;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#464a4c;background-color:#fff;border-color:#5cb3fd;outline:0}.form-control::-webkit-input-placeholder{color:#636c72;opacity:1}.form-control::-moz-placeholder{color:#636c72;opacity:1}.form-control:-ms-input-placeholder{color:#636c72;opacity:1}.form-control::placeholder{color:#636c72;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#eceeef;opacity:1}.form-control:disabled{cursor:not-allowed}select.form-control:focus::-ms-value{color:#464a4c;background-color:#fff}.form-group{margin-bottom:1rem}.btn{display:inline-block;font-weight:400;line-height:1.25;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.5rem 1rem;font-size:1rem;border-radius:.25rem;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.btn:focus,.btn:hover{text-decoration:none}.btn:focus{-webkit-box-shadow:0 0 0 2px rgba(2,117,216,.25);box-shadow:0 0 0 2px rgba(2,117,216,.25)}.btn:disabled{cursor:not-allowed;opacity:.65}.btn:active{background-image:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-primary:focus{-webkit-box-shadow:0 0 0 2px rgba(2,117,216,.5);box-shadow:0 0 0 2px rgba(2,117,216,.5)}.btn-primary:disabled{background-color:#0275d8;border-color:#0275d8}.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#025aa5;background-image:none;border-color:#01549b}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-group-lg>.btn,.btn-lg{padding:.75rem 1.5rem;font-size:1.25rem}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.show{opacity:1}.collapse{display:none}.collapse.show{display:block}.collapsing{height:0;overflow:hidden;-webkit-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.collapsing,.dropdown,.dropup{position:relative}.dropdown-toggle:after{display:inline-block;width:0;height:0;margin-left:.3em;vertical-align:middle;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-left:.3em solid transparent}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#292b2c;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-item{padding:3px 1.5rem;clear:both;font-weight:400;color:#292b2c;text-align:inherit;white-space:nowrap;background:0 0;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#1d1e1f;text-decoration:none;background-color:#f7f7f9}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0275d8}.nav-link{display:block;padding:.5em 1em}.nav-link:focus,.nav-link:hover{text-decoration:none}.navbar{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:.5rem 1rem}.navbar-brand{display:inline-block;padding-top:.25rem;padding-bottom:.25rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav,.navbar-nav .row{list-style:none}.navbar-toggler{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;padding:.25rem .75rem;font-size:1.25rem;line-height:1;background:0 0;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat 50%;-webkit-background-size:100% 100%;background-size:100% 100%}@media (max-width:991px){.navbar-toggleable-md .navbar-nav .dropdown-menu{position:static;float:none}.navbar-toggleable-md>.container{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-toggleable-md,.navbar-toggleable-md .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.navbar-toggleable-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-toggleable-md,.navbar-toggleable-md>.container{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.navbar-toggleable-md .navbar-collapse,.navbar-toggleable-md>.container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.navbar-toggleable-md .navbar-collapse{width:100%}.navbar-toggleable-md .navbar-toggler{display:none}}.navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover,.navbar-light .navbar-toggler,.navbar-light .navbar-toggler:focus,.navbar-light .navbar-toggler:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-toggler{border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, .5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}.card{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#fff;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card-block{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.alert,.pagination{border-radius:.25rem}.pagination{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-left:0;list-style:none}.alert{padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.75}button.close{padding:0;background:0 0;border:0;-webkit-appearance:none}.modal-open,.model{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out;-webkit-transform:translateY(-25%);-o-transform:translateY(-25%);transform:translateY(-25%)}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:15px;border-bottom:1px solid #eceeef}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;padding:15px}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:30px auto}}.clearfix:after{display:block;content:"";clear:both}.justify-content-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media (min-width:992px){.float-lg-left{float:left}.float-lg-right{float:right}.float-lg-none{float:none}}.mr-2{margin-right:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.p-0{padding:0}.pt-3{padding-top:1rem}.ml-auto{margin-left:auto}.pr-lg-3{padding-right:1rem}.text-center{text-align:center}body,pre{font-display:swap}body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;overflow-x:hidden}.mainheading{padding:0 0 1rem}a{color:#6fd350}a,a:hover{transition:all .2s}pre{-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 1.75em;border:1px solid #e3edf3;width:100%;padding:10px;font-size:14px;white-space:pre;overflow:auto;background:#f7fafb;border-radius:3px;line-height:1.3}.mediumnavigation{background:#fff;transition:top .5s ease-in-out;padding:1.5rem 1rem;box-shadow:0 10px 40px 0 rgba(0,0,0,.05)}.navbar-toggler-right{position:absolute;right:-2%;top:0}.nav-up{box-shadow:none}.site-content{padding-top:2rem;margin-top:57px;transition:all .4s}section{margin-bottom:20px}section.featured-posts{margin-bottom:30px}section.recent-posts{margin-bottom:0}.section-title h2{font-weight:700;font-size:1.4rem;margin-bottom:27px;position:relative}.section-title h2:before{margin-bottom:0;position:absolute;z-index:1;left:15px;right:0;top:12px;height:1px;content:"";background-color:#f5f5f5}.section-title span{background-color:#fff;position:relative;z-index:2;display:inline-block;padding:0 15px 0 0;font-size:14px;text-transform:uppercase;letter-spacing:1px}.layout-page .section-title span{font-size:2rem;text-transform:none;letter-spacing:0}.layout-page .section-title h2:before{top:17px}.article-post ol,.article-post ul{margin-bottom:1.5rem}.prevnextlinks .thepostlink{padding:20px 0;font-size:17px;display:block;color:#111;font-weight:500}.prevnextlinks{border-top:1px solid #eee;border-bottom:1px solid #eee;margin-left:0;margin-right:0}.prevnextlinks .rightborder{border-right:1px solid #eee}.navbar-toggleable-md .navbar-nav .nav-link.highlight{background:#6fd350;color:#fff;border-radius:4px;box-shadow:0 6px 10px 0 rgba(0,0,0,.1);padding-left:1em;padding-right:1em}.navbar-toggler{z-index:9999}.navbar-toggleable-md .navbar-nav .nav-link{color:#333;font-size:.94em;font-weight:500;letter-spacing:1px;margin-left:0;margin-top:10px;text-transform:uppercase}.mediumnavigation .dropdown-menu{margin:0 0 15px;box-shadow:none;border:0}.card-columns .card{margin-bottom:20px}.listfeaturedtag .wrapmeta,.listfeaturedtag .wrapthumbnail{position:relative;width:100%;min-height:1px;max-width:100%;-webkit-box-flex:0;-webkit-flex:100%;-ms-flex:100%;flex:100%}.listfeaturedtag .wrapthumbnail{padding:0 15px}.listfeaturedtag .wrapmeta{padding:0}.listfeaturedtag .wrapthumbnail{height:250px}.listfeaturedtag .card{border:0;border-radius:2px;height:calc(100% - 15px);padding-left:0;margin-bottom:15px;box-shadow:1px 2px 14px 0 rgba(0,0,0,.2)}.listfeaturedtag .card-block{padding:20px 20px 50px}.listfeaturedtag .thumbnail{background-size:cover;height:100%;display:block;background-position:38% 22%;background-origin:border-box;border-top-left-radius:2px}.listfeaturedtag .card-title,.listrecent .card-title{font-size:1.3rem;font-weight:500;line-height:1.25}.listfeaturedtag .card-title a,.listrecent .card-title a{color:#111;font-weight:500}.listfeaturedtag .card-title a:hover,.listrecent .card-title a:hover{color:rgba(0,0,0,.6);text-decoration:none}.card-text{color:#666;font-size:.95rem;line-height:1.8;font-weight:400}.listfeaturedtag .wrapfooter{position:absolute;font-size:12px;display:block;width:100%;left:0;right:0;bottom:-15px;margin:auto;padding:0 20px}.listrecent{width:100%}.listrecent .wrapfooter{font-size:12px;margin-top:30px}.author-thumb{width:40px;height:40px;float:left;margin-right:13px;border-radius:100%}.intro h2,.post-top-meta{margin-bottom:1rem;margin-top:3rem}.post-top-meta span{font-size:.9rem;color:rgba(0,0,0,.44)}.post-top-meta .author-thumb{width:72px;height:72px}.post-top-meta.authorpage .author-thumb{margin-top:40px}.post-top-meta .author-description{margin-bottom:5px;margin-top:10px;font-size:.95rem}.author-meta{flex:1 1 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.alertbar form,.bottompagination span.navigation i,.post-top-meta span,.share ul li,div.post-date,span.author-meta,span.post-name{display:inline-block}div.post-date,span.post-read{color:#75748a;margin:7px 0}.share ul li i.fa,span.post-read-more a{width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%}span.post-read-more a{color:#75748a;align-items:center;float:right;border:1px solid #d0d0d0}span.post-name a,span.post-read-more a:hover{color:rgba(0,0,0,.8)}.dot:after{content:"\00b7";margin-left:3px;margin-right:3px}.mainheading h1.sitetitle{font-family:Georgia,Times New Roman,Times,serif;font-display:swap}.mainheading h1.posttitle{font-weight:700;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.intro{background-image:url(https://chriskyfung.github.io/amp-affiliately-jekyll-theme/assets/images/head.svg);background-size:contain;margin-top:-87px;margin-bottom:3.5rem;padding:3rem 0;position:relative;z-index:1}.intro .btn{background:#fff100;border:0;color:#333;border-radius:3px;font-weight:500;padding:15px 40px;box-shadow:0 6px 10px 0 rgba(0,0,0,.1);text-transform:uppercase;font-size:13px;letter-spacing:1px}.intro h1{font-weight:700}.intro h2{margin-top:1rem;color:#888;line-height:1.6}.wrapintro{background:rgba(211,201,255,.871);max-width:90%;width:700px;margin:0 auto;padding:2rem 1rem;text-align:center}.article-post,.link-dark{color:rgba(0,0,0,.8)}.article-post{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:1.1rem;line-height:1.8}.article-post a{color:inherit;text-decoration:none;box-shadow:inset 0 -2px 0 #ffe51f,0 2px 0 #ffe51f}.article-post a:hover{box-shadow:inset 0 -30px 0 #ffe51f,0 2px 0 #ffe51f;text-decoration:none}blockquote{border-left:4px solid #6fd350;padding:0 20px;font-style:italic;color:rgba(0,0,0,.5)}.article-post blockquote,.article-post p{margin:0 0 1.5rem}.featured-image{display:block;margin-bottom:2rem}.featured-image[fallback]{margin-bottom:0}.article-post amp-iframe,.article-post amp-img,.featured-image{box-shadow:0 6px 10px 0 rgba(0,0,0,.1)}.article-post p iframe{margin-bottom:.5rem}.share{text-align:center;display:none}.share p{margin-bottom:10px;font-size:.95rem}.share ul li{margin-bottom:9px}.share ul{padding-left:0;margin-left:0}.share ul li i.fa{border:1px solid #ddd}.svgIcon{vertical-align:middle}.full-width{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.share,.share a{color:rgba(0,0,0,.44);fill:rgba(0,0,0,.44)}.graybg{background-color:#fafafa;padding:40px 0 46px;position:relative}.listrecent .card{border-radius:4px;margin-bottom:30px;box-shadow:0 0 1px 0 rgba(0,0,0,.14);border:0}.card .img-thumb{border-top-right-radius:4px;border-top-left-radius:4px}.margtop3rem{margin-top:3rem}.sep{height:1px;width:20px;background:#999;margin:0 auto 1.2rem}.btn,.btn-group-lg>.btn,.btn-lg{border-radius:.3rem;font-size:15px}.btn{box-shadow:0 6px 10px 0 rgba(0,0,0,.1);font-weight:500;cursor:pointer}.btn,a.btn{color:#fff}.btn-group-lg>.btn,.btn-lg{padding:1rem 2rem}.btn-primary{background-color:#675bff;border-color:#483aff}.btn-primary:hover{background-color:#483aff;border-color:#372cd8}.btn.follow{border-color:#6fd350;color:#6fd350;padding:3px 10px;text-align:center;border-radius:999em;font-size:.85rem;display:inline-block;box-shadow:none;font-weight:400}.btn.subscribe{border-color:#1c9963;border-radius:30px;margin-left:10px;text-transform:uppercase}.post-top-meta .btn.follow{margin-left:5px;margin-top:-4px}.alertbar{box-shadow:0 -3px 10px 0 rgba(0,0,0,.0785);position:fixed;bottom:0;left:0;background-color:#fff;width:100%;padding:14px 0;z-index:1;display:none}.alertbar input[type=email]{font-size:.85rem;padding:3px 5px 3px 10px;border-top-left-radius:3px;border-bottom-left-radius:3px;border:1px solid #ddd;border-right:0;margin-right:-10px;height:34px;letter-spacing:.5px;margin-left:5px}.alertbar input[type=submit],.btn.subscribe{background-color:#1c9963;color:#fff;fill:#fff;font-size:.85rem;font-weight:600}.alertbar input[type=submit]{border:1px solid #1c9963;border-radius:0;padding:4px 10px;border-top-right-radius:3px;border-bottom-right-radius:3px;height:34px;letter-spacing:.5px;cursor:pointer}.form-control::-webkit-input-placeholder{color:rgba(0,0,0,.5)}.form-control::-moz-placeholder{color:rgba(0,0,0,.5)}.form-control:-ms-input-placeholder{color:rgba(0,0,0,.5)}.form-control::-ms-input-placeholder{color:rgba(0,0,0,.5)}.form-control{border:1px solid #eee;border-radius:0}.authorpage h1{font-weight:700;font-size:30px}.post-top-meta.authorpage .author-thumb{float:none}.authorpage .author-description{font-size:1rem;color:rgba(0,0,0,.6)}.post-top-meta.authorpage,.sociallinks a,span.navigation{text-align:center}.post-top-meta.authorpage .btn.follow{padding:7px 20px;margin-top:10px;margin-left:0;font-size:.9rem}.graybg.authorpage{border-top:1px solid #f0f0f0}.authorpostbox{width:760px;margin:0 auto 1.5rem;max-width:100%}.authorpostbox .img-thumb{width:100%}.sociallinks{margin:1rem 0}.sociallinks a{background:#666;color:#fff;width:22px;height:22px;display:inline-block;line-height:22px;border-radius:50%;font-size:12px}#comments{margin-top:3rem;margin-bottom:1.5rem}#mc_embed_signup .mc-field-group input{text-indent:5%}#mc_embed_signup{font-family:inherit}h1,h2,h3,h4,h5,h6{color:inherit;font-weight:500;line-height:1.4;margin-top:0;margin-bottom:.5rem}.article-post h1,.article-post h2,.article-post h3,.article-post h4,.article-post h5,.article-post h6{margin-top:2rem;margin-bottom:1rem}.article-post img.shadow{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.3);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.3);box-shadow:0 0 10px 0 rgba(0,0,0,.3)}img{height:auto}.bottompagination span.navigation a{background:#fff100;color:#333;padding:5px;border-radius:3px;text-transform:none;font-weight:500;letter-spacing:0;min-width:100px;display:inline-block}.pointerup{margin-bottom:-18px;margin-left:49%;font-size:30px}.pointerup i.fa{color:#eaeaea}span.navigation{display:block;font-size:.93rem;font-weight:700;position:relative}span.navigation:before{margin-bottom:0;position:absolute;z-index:1;left:0;right:0;top:12px;height:1px;content:"";background-color:#eee}.pagination{display:inline-block;background:#fff;z-index:1;position:relative;padding:0 20px;font-size:13px;letter-spacing:.5px;font-weight:500;text-transform:uppercase}iframe,img{max-width:100%}.mediumnavigation .form-control{font-size:.8rem;border-radius:30px;overflow:hidden;border:1px solid rgba(0,0,0,.04)}.mediumnavigation .form-inline{margin-left:15px}.mediumnavigation .form-inline .btn{margin-left:-50px;border:0;border-radius:30px;cursor:pointer}.mediumnavigation .form-inline .btn:active,.mediumnavigation .form-inline .btn:hover{background:0 0;color:green}.mediumnavigation .navbar-brand{font-weight:500;padding:0}.dropdown-item{display:block;width:100%;padding:7px 1.5rem}.dropdown-menu,.mediumnavigation .nav-item{font-size:.9rem}.dropdown-menu{display:none;overflow:auto;z-index:1}.dropdown-toggle:focus~.dropdown-menu,.dropdown:hover .dropdown-menu{display:block}.dropdown:focus-within .dropdown-menu{display:block}.mediumnavigation .search-icon{margin-left:-40px;display:inline-block;margin-top:3px;cursor:pointer}.mediumnavigation .navbar-brand img{margin-right:7px;vertical-align:text-bottom;max-width:none}.navbar-collapse{border-top:1px solid #ddd}.navbar-btngroup{flex-wrap:nowrap;justify-content:right;list-style:none;margin-bottom:0;padding-left:0}.navbar-btngroup .btn{margin-left:.5rem}.navbar-nav{max-height:60vh;overflow:auto}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030;overflow:hidden}.fixed-top:focus,.fixed-top:hover{overflow-x:visible;overflow-y:visible}.fixed-top:focus-within{overflow-x:visible;overflow-y:visible}.scrollbar-thin{scrollbar-width:thin}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:#eee;border-radius:0 3px 3px 0}.scrollbar-thin::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#888}.searchbox{display:inline;width:calc(100% - 86px)}:root{--space-2:1rem;--space-3:1.5rem}#consent-ui,#consent-ui .container{background:#fff;font-size:.9rem;transition:right .3s ease}#consent-ui h2{display:flex;align-items:center;color:#675bff;font-size:1.6rem;column-gap:.9rem}#consent-ui .description{margin:.6rem auto .9rem}#consent-ui .description p{color:#333}#consent-ui a{color:#675bff}#consent-ui a:hover{color:#483aff;text-decoration:underline}#consent-ui .buttons{max-width:100%;width:300px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem}#consent-ui .button{background-color:#fff;color:#483aff;padding:8px 16px;border:2px solid #675bff;border-radius:4px;cursor:pointer;min-width:max(140px,calc(100% / 2 - 10px));transition:all .2s ease}#consent-ui .button:hover{background-color:#483aff;color:#fff}#consent-ui .button.fill{border:none;background:#675bff;color:#fff}#consent-ui .button.fill:hover{background-color:#483aff}#cookie-consent-banner{padding:.9rem 1.5rem .1rem;display:flex;flex-wrap:wrap;justify-content:space-evenly;column-gap:.9rem}#cookie-consent-banner header{max-width:768px;min-width:min(375px,100%);width:calc(100% - 320px)}#cookie-consent-banner h2{font-size:1.25rem;column-gap:.5rem}#cookie-preference-modal{position:fixed;top:50%;left:50%;max-width:345px;width:100%;border-radius:8px;padding:1.25rem 1.5rem 1.75rem;transform:translate(-50%,-50%);box-shadow:0 5px 10px rgba(0,0,0,.1)}#consent-choices{margin:1rem;display:flex;flex-direction:column}.consentLabel input{margin:.5rem}#post-consent-ui{position:fixed;bottom:50px;left:20px;z-index:99}#post-consent-ui button{border-radius:50%;font-size:1.66rem;width:3rem;height:3rem;padding:0;border:3px solid #483aff}.invitation-codes a{background:linear-gradient(139deg,#ffc92f,#ff185c,#f316d5,#b81ed2);font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#fff;font-weight:700;border-radius:5px;padding:0 10px;height:36px;display:inline-block}.invitation-codes svg{float:left;vertical-align:middle;display:inline;margin-right:4.5px;margin-left:4.5px;padding-top:7px;height:28px}.invitation-codes span{padding:0 12px;vertical-align:middle;float:left;line-height:34px}amp-ad{background-image:url(https://chriskyfung.github.io/amp-affiliately-jekyll-theme/assets/images/b8d82a619c.png);background-position:50%;background-repeat:no-repeat;background-size:50px}.article-post .anchor-link{visibility:hidden;box-shadow:none;color:#daa520;font-size:1rem;margin-left:.5rem;vertical-align:super}.article-post .anchor-link:hover{box-shadow:none}.anchor-link:focus,.article-post :hover>.anchor-link{visibility:visible}amp-img[aria-label=lightbox]{cursor:zoom-in}amp-image-lightbox img{object-fit:scale-down}amp-image-lightbox button:last-of-type{cursor:zoom-out;min-width:100%;min-height:100%}amp-image-viewer img{max-width:fit-content;transition:width .25s linear}amp-lightbox{background-color:rgba(0,0,0,.6);z-index:1050}a.vglnk{border-bottom:2px dashed grey;box-shadow:unset}.shadow-none,figure.shadow-none *{box-shadow:none}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.7rem}h4{font-size:1.48rem}h5{font-size:1.3rem}h6{font-size:1.25rem}kbd{background-color:#eee;border-radius:3px;border:1px solid #b4b4b4;box-shadow:0 1px 1px rgba(0,0,0,.2),inset 0 2px 0 0 hsla(0,0%,100%,.7);display:inline-block;font-size:.85em;line-height:1;padding:2px 4px;white-space:nowrap}.article-post h2:not(:first-of-type){margin-top:5rem}.article-post del{color:#999;text-decoration-color:#f05f70}.article-post del a{box-shadow:none;border-bottom:1px solid #ddd;text-decoration:inherit}.article-post .box-highlight{box-shadow:1px 2px 15px #675bff}.article-post figcaption{font-size:smaller}.article-post a>code{padding:.2rem .4rem;color:#bd4147;background-color:#f7f7f9;box-shadow:inset 0 -2px 0 #ffe51f,0 2px 0 #ffe51f}.article-post a.citation,.article-post a.footnote,.article-post a.reversefootnote{box-shadow:none;background-color:#ffe51f}.card .row,.card>a{height:100%}.container{width:96%;max-width:100%}.inline-fix+*{display:inline}.inline-fix+*+.badge{vertical-align:text-top}.listfeaturedtag .card .thumbnail img{width:500px;height:258px}.listfeaturedtag .card-list{width:100%}.listfeaturedtag .card-list .thumbnail img{width:500px;height:150px;object-fit:cover}.listfeaturedtag .card-list .card-title{font-size:1rem}.listfeaturedtag .card-list .wrapthumbnail{height:150px}.mono{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.thumbnail.fit-left img{object-position:left}.thumbnail.fit-right img{object-position:right}.screen-reader-only{position:absolute;left:-5000px}.screen-reader-only:focus{left:0}.left-sidebar{order:1}.sidebar{font-size:15px;max-width:100%}.sidebar h3,.sidebar h3 span{text-align:center;position:relative}.sidebar h3{font-size:1.3rem;margin-bottom:1rem;font-weight:700}.sidebar h3 span{background-color:#fff;z-index:2;display:inline-block;padding:0 15px;font-size:14px;text-transform:uppercase;letter-spacing:1px}.sidebar h3:before{margin-bottom:0;position:absolute;z-index:1;left:0;top:12px;width:100%;height:1px;content:"";background-color:#333}.sidebar ul{list-style:none;padding-left:0}.sidebar li a{color:#999;border-bottom:1px solid #f6f6f6;display:block;padding-bottom:10px;padding-top:10px}.sidebar-section{margin-bottom:2rem;padding:30px 10px 30px 20px;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}.sidebar #mc_embed_signup form{padding:0}.sidebar #mc_embed_signup .button{width:100%;background:#675bff;height:auto;padding:6px 20px;font-weight:600;box-shadow:0 6px 10px 0 rgba(0,0,0,.1)}.sidebar #mc_embed_signup h2{font-weight:400;font-size:15px;color:#999;margin-bottom:1rem;line-height:1.5;text-align:center}.sidebar #mc_embed_signup .mc-field-group,.sidebar #mc_embed_signup input{width:100%}.tags{list-style:none;padding-left:0;margin:0 0 1.5rem}.tags li{display:inline-block;font-size:.9rem;margin-right:.2rem}.tags li:last-child{margin-right:0}.tags li a{background:#fff100;color:#333;padding:3px 10px;border-radius:3px;font-weight:500;font-size:.93em;text-transform:capitalize;text-decoration:none;box-shadow:0 6px 10px 0 hsla(0,0%,65.9%,.1)}.tags li a:hover{background:rgba(0,0,0,.07);text-decoration:none}.tags.rounded-tags li a{background:0 0;border:1px solid;border-radius:20px}.tags.rounded-tags code a{box-shadow:inherit}.beforefooter{background:linear-gradient(rgba(255,241,0,.8),rgba(255,241,0,.8)),url(https://chriskyfung.github.io/images/header-bg.jpg);background-size:contain;background-position-x:center;background-blend-mode:overlay;color:#111;max-width:100%;margin:50px auto -50px;padding:50px 0;text-align:center}@supports (background-blend-mode:overlay){.beforefooter{background-color:#fff100;background-image:url(https://chriskyfung.github.io/images/header-bg.jpg);background-blend-mode:overlay}}.beforefooter h3{margin-bottom:1rem}.footer{background-color:#171e27;border-top:1px solid rgba(0,0,0,.05);color:#999;margin-top:50px;margin-bottom:0;padding:30px 0;text-align:center}.footer a{color:inherit}.footer a:hover{color:#fff;text-decoration:none}.footer amp-ad{max-width:1140px;margin:auto}.footer-bar{padding-top:1.5rem;font-size:.9em}.footer-bar a{color:#eee}.footer .textwidget a{border-bottom:1px dashed}.footer-widget{font-size:15px;margin-top:1rem;margin-bottom:1rem}.footer-widget .title{font-size:18px;text-transform:uppercase;letter-spacing:1px;color:#fff;margin-bottom:1.5rem}.footer-widget ul{list-style:none;padding-left:0}.footer-widget li{margin:12px 0}.footer-widget .recent-posts img{float:left;margin-right:10px}.footer-widget-blob{background:#e9e4ff;border-radius:60% 70% 500% 70%}.footer-widget-image-wrapper{display:block;margin:auto;max-width:350px}.footersocial h3{font-size:1.48rem}.footersocial .fab{width:40px;height:40px;line-height:40px;text-align:center;display:inline-block;background:#fff;border-radius:3px;box-shadow:0 6px 10px 0 rgba(0,0,0,.1);font-size:18px;margin-left:5px;color:#3c3838;margin-top:10px}.bmc-button img{height:34px;width:35px;margin-bottom:1px;box-shadow:none;border:0;vertical-align:middle}.bmc-button{line-height:35px;height:51px;display:inline-flex;background-color:#ff813f;border-radius:5px;border:1px solid transparent;padding:7px 15px 7px 10px;font-size:28px;letter-spacing:.6px;box-shadow:0 1px 2px hsla(0,0%,74.9%,.5);margin:0 auto;font-family:Cookie,cursive;-webkit-box-sizing:border-box;box-sizing:border-box}.bmc-button,.bmc-button:active,.bmc-button:focus,.bmc-button:hover{text-decoration:none;color:#fff;-webkit-box-shadow:0 1px 2px 2px hsla(0,0%,74.9%,.5)}.bmc-button:active,.bmc-button:focus,.bmc-button:hover{box-shadow:0 1px 2px 2px hsla(0,0%,74.9%,.5);opacity:.85}@media (min-width:576px){.beforefooter{text-align:left}.bmc-button{font-size:16.5px}.card-columns.listfeaturedtag{-webkit-column-count:2;-moz-column-count:2;column-count:2}.footer{text-align:left}.footer-widget{margin-bottom:3rem;margin-top:3rem}.left-sidebar{order:-1}.listfeaturedtag .card .thumbnail img{left:-50%;max-width:500px;overflow-x:hidden}.listfeaturedtag .card-list .thumbnail img{width:291px}.sidebar{max-width:340px}}@media (min-width:768px){.bmc-button{font-size:28px}.listfeaturedtag .card .thumbnail img{left:-25%}.post-top-meta.authorpage{text-align:left}}@media (min-width:992px){.intro{padding:9rem 0}.intro h2{margin-top:2rem;margin-bottom:2rem}.listfeaturedtag .card{height:260px}.listfeaturedtag .card .thumbnail img{left:-75%}.listfeaturedtag .card-list{height:auto}.listfeaturedtag .card-block{padding-left:0}.listfeaturedtag .wrapfooter{padding-left:0;right:auto}.listfeaturedtag .wrapmeta{-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;margin-left:-3px}.listfeaturedtag .wrapthumbnail{-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;max-width:41.666667%;height:258px;flex:0 0 auto}.mediumnavigation .dropdown-menu{box-shadow:0 0 7px rgba(0,0,0,.2);max-height:60vh}.navbar-collapse{border:0}.navbar-toggleable-md .navbar-nav .nav-link{margin-left:.5rem;margin-top:0}.navbar-nav{max-height:60vh;overflow:visible}.wrapintro{padding:3rem}}@media (min-width:1025px){.navbar-btngroup .btn,.navbar-toggleable-md .navbar-nav .nav-link{margin-left:.75rem}}@media (min-width:1200px){.container{width:1140px;max-width:100%}.navbar-btngroup .btn,.navbar-toggleable-md .navbar-nav .nav-link{margin-left:1rem}}@supports (object-fit:cover){.listfeaturedtag .card .thumbnail img{left:inherit;max-width:inherit;object-fit:cover}}.gh-style.btn{position:relative;display:inline-block;padding:5px 16px;font-size:14px;font-weight:500;line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;-webkit-appearance:none;appearance:none;color:#24292e;background-color:#fafbfc;border:1px solid rgba(27,31,35,.15);box-shadow:0 1px 0 rgba(27,31,35,.04),inset 0 1px 0 hsla(0,0%,100%,.25);transition:background-color .2s cubic-bezier(.3,0,.5,1)}.gh-style.btn:hover{text-decoration:none}.gh-style.btn.disabled,.gh-style.btn:disabled,.gh-style.btn[aria-disabled=true]{cursor:default}.gh-style.btn.disabled .octicon,.gh-style.btn:disabled .octicon,.gh-style.btn[aria-disabled=true] .octicon{color:inherit}.gh-style.btn i{font-style:normal;font-weight:500;opacity:.75}.gh-style.btn .octicon{margin-right:4px;color:#6a737d;vertical-align:text-bottom}.gh-style.btn .octicon:only-child{margin-right:0}.gh-style.btn .Counter{margin-left:2px;color:inherit;text-shadow:none;vertical-align:top;background-color:rgba(27,31,35,.08)}.gh-style.btn .dropdown-caret{margin-left:4px;opacity:.8}.gh-style.btn.hover,.gh-style.btn:hover,[open]>.gh-style.btn{background-color:#f3f4f6;transition-duration:.1s}.gh-style.btn.selected,.gh-style.btn:active,.gh-style.btn[aria-selected=true]{background-color:#edeff2;box-shadow:inset 0 1px 0 rgba(225,228,232,.2);transition:none}.gh-style.btn.disabled,.gh-style.btn:disabled,.gh-style.btn[aria-disabled=true]{color:#959da5;background-color:#fafbfc;border-color:rgba(27,31,35,.15)}.gh-style.btn.focus,.gh-style.btn:focus{outline:1px dotted transparent;outline-offset:2px;box-shadow:0 0 0 3px rgba(3,102,214,.3)}.gh-style.btn-primary{color:#fff;background-color:#2ea44f;border-color:rgba(27,31,35,.15);box-shadow:0 1px 0 rgba(27,31,35,.1),inset 0 1px 0 hsla(0,0%,100%,.03)}.gh-style.btn-primary.hover,.gh-style.btn-primary:hover,[open]>.gh-style.btn-primary{background-color:#2c974b}.gh-style.btn-primary.selected,.gh-style.btn-primary:active,.gh-style.btn-primary[aria-selected=true]{background-color:#2a8f47;box-shadow:inset 0 1px 0 rgba(20,70,32,.2)}.gh-style.btn-primary.disabled,.gh-style.btn-primary:disabled,.gh-style.btn-primary[aria-disabled=true]{color:hsla(0,0%,100%,.8);background-color:#94d3a2;border-color:rgba(27,31,35,.1);box-shadow:0 1px 0 rgba(27,31,35,.1),inset 0 1px 0 hsla(0,0%,100%,.03)}.gh-style.btn-primary.focus,.gh-style.btn-primary:focus{box-shadow:0 0 0 3px rgba(46,164,79,.4)}.gh-style.btn-primary .Counter{color:inherit;background-color:hsla(0,0%,100%,.2)}.gh-style.btn-primary .octicon{color:hsla(0,0%,100%,.8)}.gh-style.btn-danger{color:#cb2431;transition:none}.gh-style.btn-danger:hover,[open]>.gh-style.btn-danger{color:#fff;background-color:#cb2431;border-color:rgba(27,31,35,.15);box-shadow:0 1px 0 rgba(27,31,35,.1),inset 0 1px 0 hsla(0,0%,100%,.03)}.gh-style.btn-danger:hover .Counter,[open]>.gh-style.btn-danger .Counter{background-color:hsla(0,0%,100%,.2)}.gh-style.btn-danger:hover .octicon,[open]>.gh-style.btn-danger .octicon{color:inherit}.gh-style.btn-danger.selected,.gh-style.btn-danger:active,.gh-style.btn-danger[aria-selected=true]{color:#fff;background-color:#be222e;border-color:rgba(27,31,35,.15);box-shadow:inset 0 1px 0 rgba(134,24,29,.2)}.gh-style.btn-danger.disabled,.gh-style.btn-danger:disabled,.gh-style.btn-danger[aria-disabled=true]{color:rgba(203,36,49,.5);background-color:#fafbfc;border-color:rgba(27,31,35,.15);box-shadow:0 1px 0 rgba(27,31,35,.04),inset 0 1px 0 hsla(0,0%,100%,.25)}.gh-style.btn-danger.disabled .Counter,.gh-style.btn-danger:disabled .Counter,.gh-style.btn-danger[aria-disabled=true] .Counter{background-color:rgba(203,36,49,.05)}.gh-style.btn-danger:focus{box-shadow:0 0 0 3px rgba(203,36,49,.4)}.gh-style.btn-danger .Counter{color:inherit;background-color:rgba(203,36,49,.1)}.gh-style.btn-outline{color:#0366d6;transition:none}.gh-style.btn-outline:hover,[open]>.gh-style.btn-outline{color:#fff;background-color:#0366d6;border-color:rgba(27,31,35,.15);box-shadow:0 1px 0 rgba(27,31,35,.1),inset 0 1px 0 hsla(0,0%,100%,.03)}.gh-style.btn-outline:hover .Counter,[open]>.gh-style.btn-outline .Counter{background-color:hsla(0,0%,100%,.2)}.gh-style.btn-outline:hover .octicon,[open]>.gh-style.btn-outline .octicon{color:inherit}.gh-style.btn-outline.selected,.gh-style.btn-outline:active,.gh-style.btn-outline[aria-selected=true]{color:#fff;background-color:#035fc7;border-color:rgba(27,31,35,.15);box-shadow:inset 0 1px 0 rgba(5,38,76,.2)}.gh-style.btn-outline.disabled,.gh-style.btn-outline:disabled,.gh-style.btn-outline[aria-disabled=true]{color:rgba(3,102,214,.5);background-color:#fafbfc;border-color:rgba(27,31,35,.15);box-shadow:0 1px 0 rgba(27,31,35,.04),inset 0 1px 0 hsla(0,0%,100%,.25)}.gh-style.btn-outline.disabled .Counter,.gh-style.btn-outline:disabled .Counter,.gh-style.btn-outline[aria-disabled=true] .Counter{background-color:rgba(3,102,214,.05)}.gh-style.btn-outline:focus{box-shadow:0 0 0 3px rgba(3,102,214,.4)}.gh-style.btn-outline .Counter{color:inherit;background-color:rgba(3,102,214,.1)}.gh-style.btn-blue{color:#fff;background-color:#0361cc;background-image:linear-gradient(-180deg,#0679fc,#0361cc 90%)}.gh-style.btn-blue.focus,.gh-style.btn-blue:focus{box-shadow:0 0 0 .2em rgba(6,121,252,.4)}.gh-style.btn-blue.hover,.gh-style.btn-blue:hover{background-color:#035cc2;background-image:linear-gradient(-180deg,#0374f4,#035cc2 90%);background-position:-.5em;border-color:rgba(27,31,35,.5)}.gh-style.btn-blue.selected,.gh-style.btn-blue:active,.gh-style.btn-blue[aria-selected=true],[open]>.gh-style.btn-blue{background-color:#045cc1;background-image:none;border-color:rgba(27,31,35,.5);box-shadow:inset 0 .15em .3em rgba(27,31,35,.15)}.gh-style.btn-blue.disabled,.gh-style.btn-blue:disabled,.gh-style.btn-blue[aria-disabled=true]{color:hsla(0,0%,100%,.75);background-color:#81b0e6;background-image:none;border-color:rgba(27,31,35,.15);box-shadow:none}.gh-style.btn-blue .Counter{color:#0366d6;background-color:#fff}.gh-style.btn-sm{padding:3px 12px;font-size:12px;line-height:20px}.gh-style.btn-sm .octicon{vertical-align:text-top}.gh-style.btn-large{padding:.75em 1.5em;font-size:inherit;line-height:1.5;border-radius:.5em}.gh-style.btn-block{display:block;width:100%;text-align:center}.gh-style.btnGroup{display:inline-block;vertical-align:middle}.gh-style.btnGroup:before{display:table;content:""}.gh-style.btnGroup:after{display:table;clear:both;content:""}.gh-style.btnGroup+.gh-style.btn,.gh-style.btnGroup+.gh-style.btnGroup{margin-left:4px}.gh-style.btnGroup-item{position:relative;float:left;border-right-width:0;border-radius:0}.gh-style.btnGroup-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.gh-style.btnGroup-item:last-child{border-right-width:1px;border-top-right-radius:6px;border-bottom-right-radius:6px}.gh-style.btnGroup-item.selected,.gh-style.btnGroup-item:active,.gh-style.btnGroup-item:focus,.gh-style.btnGroup-item:hover,.gh-style.btnGroup-item[aria-selected=true]{border-right-width:1px}.gh-style.btnGroup-item.selected+.gh-style.btnGroup-item,.gh-style.btnGroup-item.selected+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-item:active+.gh-style.btnGroup-item,.gh-style.btnGroup-item:active+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-item:focus+.gh-style.btnGroup-item,.gh-style.btnGroup-item:focus+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-item:hover+.gh-style.btnGroup-item,.gh-style.btnGroup-item:hover+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-item[aria-selected=true]+.gh-style.btnGroup-item,.gh-style.btnGroup-item[aria-selected=true]+.gh-style.btnGroup-parent .gh-style.btnGroup-item{border-left-width:0}.gh-style.btnGroup-parent{float:left}.gh-style.btnGroup-parent:first-child .gh-style.btnGroup-item{border-top-left-radius:6px;border-bottom-left-radius:6px}.gh-style.btnGroup-parent:last-child .gh-style.btnGroup-item{border-right-width:1px;border-top-right-radius:6px;border-bottom-right-radius:6px}.gh-style.btnGroup-parent .gh-style.btnGroup-item{border-right-width:0;border-radius:0}.gh-style.btnGroup-parent.selected .gh-style.btnGroup-item,.gh-style.btnGroup-parent:active .gh-style.btnGroup-item,.gh-style.btnGroup-parent:focus .gh-style.btnGroup-item,.gh-style.btnGroup-parent:hover .gh-style.btnGroup-item,.gh-style.btnGroup-parent[aria-selected=true] .gh-style.btnGroup-item{border-right-width:1px}.gh-style.btnGroup-parent.selected+.gh-style.btnGroup-item,.gh-style.btnGroup-parent.selected+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-parent:active+.gh-style.btnGroup-item,.gh-style.btnGroup-parent:active+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-parent:focus+.gh-style.btnGroup-item,.gh-style.btnGroup-parent:focus+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-parent:hover+.gh-style.btnGroup-item,.gh-style.btnGroup-parent:hover+.gh-style.btnGroup-parent .gh-style.btnGroup-item,.gh-style.btnGroup-parent[aria-selected=true]+.gh-style.btnGroup-item,.gh-style.btnGroup-parent[aria-selected=true]+.gh-style.btnGroup-parent .gh-style.btnGroup-item{border-left-width:0}.gh-style.btnGroup-item:active,.gh-style.btnGroup-item:focus,.gh-style.btnGroup-parent:active,.gh-style.btnGroup-parent:focus{z-index:1}.gh-style.btn-link{display:inline-block;padding:0;font-size:inherit;color:#0366d6;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:transparent;border:0;-webkit-appearance:none;appearance:none}.gh-style.btn-link:hover{text-decoration:underline}.gh-style.btn-link:disabled,.gh-style.btn-link:disabled:hover,.gh-style.btn-link[aria-disabled=true],.gh-style.btn-link[aria-disabled=true]:hover{color:rgba(88,96,105,.5);cursor:default}.gh-style.btn-invisible{color:#0366d6;background-color:transparent;border:0;border-radius:0;box-shadow:none}.gh-style.btn-invisible.selected,.gh-style.btn-invisible.zeroclipboard-is-active,.gh-style.btn-invisible.zeroclipboard-is-hover,.gh-style.btn-invisible:active,.gh-style.btn-invisible:focus,.gh-style.btn-invisible:hover,.gh-style.btn-invisible[aria-selected=true]{color:#0366d6;background:0 0;outline:0;box-shadow:none}.gh-style.btn-octicon{display:inline-block;padding:5px;margin-left:5px;line-height:1;color:#586069;vertical-align:middle;background:0 0;border:0}.gh-style.btn-octicon:hover{color:#0366d6}.gh-style.btn-octicon.disabled,.gh-style.btn-octicon[aria-disabled=true]{color:#959da5;cursor:default}.gh-style.btn-octicon.disabled:hover,.gh-style.btn-octicon[aria-disabled=true]:hover{color:#959da5}.gh-style.btn-octicon-danger:hover{color:#cb2431}.gh-style.btn-with-count{float:left;border-top-right-radius:0;border-bottom-right-radius:0}.gh-style.btn-with-count:focus{z-index:1}.gh-style.btn:focus .icon-sponsor,.gh-style.btn:focus .icon-sponsoring,.gh-style.btn:hover .icon-sponsor,.gh-style.btn:hover .icon-sponsoring,.Label:focus .icon-sponsor,.Label:focus .icon-sponsoring,.Label:hover .icon-sponsor,.Label:hover .icon-sponsoring{transform:scale(1.1)}.icon-sponsor{overflow:visible}.gh-style{position:fixed;width:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.5}.octicon{display:inline-block;overflow:visible;vertical-align:text-bottom;fill:currentColor}</style><meta name="amp-script-src" content="sha384-n2-YMnb2FkeDk-Ca2pVnoYSR2FqNKqKgTwfK_UI0EAeVRCAHgCDjsecHJpVMv3Sl"></head><body class="layout-archive" data-amp-auto-lightbox-disable>
+<amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
+</amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
+</div>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
+</li>
+<li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
+</li>
+<li class="nav-item" role="none"> <a class="nav-link" href="/category/academic/" role="menuitem">Academic</a>
+</li></ul>
+<ul class="navbar-btngroup row ml-auto"><li class="nav-item"> <div class="invitation-codes"> <a class="btn invitation-codes-badge" href="https://invitation.codes/@chriskyfung" data-type data-vars-event-label="Invitation Code Button" aria-label="invitation.codes - link opens in a new tab" title="invitation.codes - Open in New Tab" rel="noopener noreferrer" target="_blank"> <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment-alt-dots" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width:20px"> <path fill="currentColor" d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm16 352c0 8.8-7.2 16-16 16H288l-12.8 9.6L208 428v-60H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h384c8.8 0 16 7.2 16 16v288zM128 176c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32z" class=""/> </svg> </a>
+</div> </li><li class="nav-item"> <a class="gh-style btn btn-block" style="margin: 2px 0" aria-label="Sponsor @chriskyfung" target="_top" href="https://github.com/sponsors/chriskyfung?o=esb"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart icon-sponsor color-fg-sponsors"> <path fill-rule="evenodd" d="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z"/> </svg> <span>Sponsor</span> </a> </li><li class="nav-item"> <button type="button" on="tap:amp-searchbar" id="toggle-search" class="btn btn-primary" data-toggle="modal" data-target="#searchbar" title="search" accesskey="/"> <i class="fas fa-search"></i> </button> </li> </ul> </div>  </div> </nav> <amp-lightbox scrollable id="amp-searchbar" layout="nodisplay" animate-in="fade-in" hidden="hidden" class="i-amphtml-layout-nodisplay" i-amphtml-layout="nodisplay"> <div class="modal-dialog modal-lg">  <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Search for</h5> <button class="close" type="button" on="tap:amp-searchbar.close" aria-label="Close Search Modal" tabindex="-1">×</button> </div> <div class="modal-body"> <div class="search_form"> <form method="GET" action="/search" target="_top"> <amp-autocomplete class="searchbox i-amphtml-layout-container" filter="substring" src="/assets/data/suggestions.json" i-amphtml-layout="container"> <input class="form-control" name="q" type="search" placeholder="Search" required> </amp-autocomplete> <input hidden name="sitesearch" value="chriskyfung.github.io"> <button class="btn btn-primary" type="submit">Search</button> </form> </div> </div> </div> </div> </amp-lightbox>   <div class="site-content"> <div class="container">  <div class="main-content" style="margin-top: 88px;"> <div class="row">  <main class="col-md-8 col-lg-8">
+<section class="row recent-posts"> <div class="section-title"> <h1><span>tag 'GitHub CLI'</span></h1> </div> <div class="masonrygrid row listrecent"> <h2 class="sr-only">Post Grid</h2><div class="col-md-6 grid-item"> <article class="card"> <a href="/github-cli-repo-clone-custom-completion/" aria-hidden="true" tabindex="-1"><figure><amp-img width="730" height="431" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.webp" alt="thumbnail for Speed Up Git..." i-amphtml-ssr data-hero class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQzMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="730" height="431" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.jpg" alt="thumbnail for Speed Up Git..." class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQzMSIgd2lkdGg9IjczMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> <img class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" loading="lazy" alt="thumbnail for Speed Up Git..." src="/images/posts/coding/gh-repo-clone-custom-completion-cover.webp"></amp-img></figure></a>  <div class="card-block"> <h3 class="card-title"><a href="/github-cli-repo-clone-custom-completion/" rel="bookmark">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h3> <p class="card-text">Learn how to supercharge your GitHub CLI experience with custom bash completion for the 'gh repo clone' command. Includes step-by-step setup and practical examples.</p> <div class="metafooter"> <div class="wrapfooter">  <div class="after-post-tags"> <ul class="tags rounded-tags"><li> <small><a href="/tag/autocompletions/">Autocompletions</a></small> </li><li> <small><a href="/tag/bash/">Bash</a></small> </li><li> <small><a href="/tag/command-line/">Command-line</a></small> </li><li> <small><a href="/tag/github-cli/">GitHub CLI</a></small> </li></ul> </div>  <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="clearfix"></div> </div> </div> </div> </article>
+</div>
+</div> </section> </main>  <aside class="col-md-4 col-lg-4 left-sidebar"><div class="sidebar"> <h2 class="sr-only">Sidebar</h2> <div aria-label="featured posts" class="sidebar-section"> <h3><span>Featured</span><span class="sr-only"> Posts</span></h3> <section class="featured-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp335-cover.thumb.webp" alt="Image in GitHub CLI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp335-cover.thumb.png" alt="Image in GitHub CLI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab">☁ Secure Workloads in Google Kubernetes Engine: Challenge Lab | l...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i><i class="fas fa-sync-alt fa-xs" aria-hidden="true" style="color:#0293d8;margin-left:-.5em;vertical-align:bottom"></i> <time datetime="2021-06-27T15:00:00+08:00" itemprop="dateModified" title="Updated on">27 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/windows/fix-windows10-boot-loop-after-fail-upgrade"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/windows/restoring-your-previous-version-of-windows-10.thumb.webp" alt="Image in GitHub CLI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/windows/restoring-your-previous-version-of-windows-10.thumb.png" alt="Image in GitHub CLI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/windows/fix-windows10-boot-loop-after-fail-upgrade">Fix reboot loop after a fail upgrade of Windows 10, Version 2004,...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/windows/fix-windows10-boot-loop-after-fail-upgrade" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2020-06-23T23:18:00+08:00" itemprop="datePublished" title="Published on">23 Jun 2020</time></div> <ul class="tags"><li> <small><a href="/category/windows/">Windows</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklabs-user-tips-for-learning-google-cloud-platform"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/qwiklabs-badges.thumb.webp" alt="Image in GitHub CLI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/qwiklabs-badges.thumb.jpg" alt="Image in GitHub CLI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklabs-user-tips-for-learning-google-cloud-platform">Learning Google Cloud Platform on Qwiklabs: Learning Map, Assisti...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklabs-user-tips-for-learning-google-cloud-platform" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i><i class="fas fa-sync-alt fa-xs" aria-hidden="true" style="color:#0293d8;margin-left:-.5em;vertical-align:bottom"></i> <time datetime="2020-06-20T23:36:00+08:00" itemprop="dateModified" title="Updated on">20 Jun 2020</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in GitHub CLI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in GitHub CLI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in GitHub CLI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in GitHub CLI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in GitHub CLI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in GitHub CLI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in GitHub CLI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in GitHub CLI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in GitHub CLI" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+</div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
+</div>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+</amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
+<p>See anything that can be improved?</p>
+<p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
+<a class="btn btn-primary btn-lg" href="/contact">Contact Me</a> </div> <div class="col-md-4 text-center footersocial"> <div class="mb-4"> <h3>Support Me</h3>
+<a class="bmc-button" href="https://www.buymeacoffee.com/chriskyfung" data-vars-event-label="Buy me a coffee Badge"> <amp-img src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" width="35" height="34" layout="fixed" alt aria-hidden="true" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:35px;height:34px;" i-amphtml-layout="fixed"></amp-img> <span style="margin-left:5px;">Buy me a coffee</span>
+</a> </div> <div> <h3>Follow Me on</h3><a href="https://www.facebook.com/chriskyfung" rel="noopener noreferrer" target="_blank"><i class="fab fa-facebook" aria-hidden="true"></i><span class="sr-only">Facebook</span></a><a href="https://www.pinterest.com/chriskyfung" rel="noopener noreferrer" target="_blank"><i class="fab fa-pinterest"></i><span class="sr-only">Pinterest</span></a><a href="https://github.com/chriskyfung" rel="noopener noreferrer" target="_blank"><i class="fab fa-github"></i><span class="sr-only">GitHub</span></a><a href="https://medium.com/@chriskyfung" rel="noopener noreferrer" target="_blank"><i class="fab fa-medium"></i><span class="sr-only">Medium</span></a> </div> </div> </div> </div> </section>  <section class="footer"> <div class="container"> <div class="row"> <div class="col-sm-3"> <div class="footer-widget"> <div class="footer-widget-blob footer-widget-image-wrapper"> <amp-img class="pr-lg-3 i-amphtml-layout-responsive i-amphtml-layout-size-defined" src="/assets/images/knowledge__flatline.svg" height="179" width="255" layout="responsive" alt="ideas and knowledge" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:70.1961%"></i-amphtml-sizer></amp-img>
+</div> </div> </div> <div class="col-sm-3"> <div class="footer-widget"> <h3 class="title"></h3>
+<ul></ul> </div> </div> <div class="col-sm-3"> <div class="footer-widget"> <h3 class="title"></h3>
+<ul></ul> </div> </div> <div class="col-sm-3"> <div class="footer-widget"> <h3 class="title">Disclosures</h3>
+
+<div id="copyscape-banner"> <a href="https://www.copyscape.com/" data-vars-event-label="Copyscape Badge" aria-label="Copyscape - link opens in a new tab" rel="noopener noreferrer" target="_blank"> <amp-img src="https://banners.copyscape.com/img/copyscape-banner-white-130x46.png" width="130" height="46" alt="© Protected by Copyscape" title="Opens in New Tab" style="width:130px;height:46px;width:130px;height:46px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> </amp-img> </a>
+</div> </div> </div> </div> <div class="footer-bar"> <p class="float-lg-left"> Copyright © 2014-2024 <a href="https://chriskyfung.github.io/">Chris KY FUNG</a>. All rights reserved. </p> <p class="float-lg-right">Powered by <a aria-label="theme credit" href="https://chriskyfung.github.io/amp-affiliately-jekyll-theme/" rel="noopener noreferrer">AMP Affiliately Theme</a> | <a aria-label="privacy policy" href="/privacy-policy">Privacy Policy</a> </p> <div class="clearfix"></div> </div> </div> </section></footer>  </div> <amp-image-lightbox id="lightbox1" layout="nodisplay" data-close-button-aria-label="Close" hidden="hidden" class="i-amphtml-layout-nodisplay" i-amphtml-layout="nodisplay"></amp-image-lightbox> </body></html>
\ No newline at end of file
diff --git a/tag/google-cloud/index.html b/tag/google-cloud/index.html
index 3124e0be8..b5e68b28e 100644
--- a/tag/google-cloud/index.html
+++ b/tag/google-cloud/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -84,19 +84,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Google Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Google Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Google Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Google Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Google Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Google Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Google Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Google Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Google Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Google Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Google Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Google Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Google Cloud" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/how-to-research/index.html b/tag/how-to-research/index.html
index 4ae4f1cc5..9b4ba15fa 100644
--- a/tag/how-to-research/index.html
+++ b/tag/how-to-research/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in How to research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in How to research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in How to research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in How to research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in How to research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in How to research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in How to research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in How to research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in How to research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in How to research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in How to research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in How to research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in How to research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/index.html b/tag/index.html
index a63ffefd8..5f0d37bfa 100644
--- a/tag/index.html
+++ b/tag/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -12,7 +12,7 @@
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/academic/" role="menuitem">Academic</a>
 </li></ul>
 <ul class="navbar-btngroup row ml-auto"><li class="nav-item"> <div class="invitation-codes"> <a class="btn invitation-codes-badge" href="https://invitation.codes/@chriskyfung" data-type data-vars-event-label="Invitation Code Button" aria-label="invitation.codes - link opens in a new tab" title="invitation.codes - Open in New Tab" rel="noopener noreferrer" target="_blank"> <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment-alt-dots" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width:20px"> <path fill="currentColor" d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm16 352c0 8.8-7.2 16-16 16H288l-12.8 9.6L208 428v-60H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h384c8.8 0 16 7.2 16 16v288zM128 176c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm128 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32z" class=""/> </svg> </a>
-</div> </li><li class="nav-item"> <a class="gh-style btn btn-block" style="margin: 2px 0" aria-label="Sponsor @chriskyfung" target="_top" href="https://github.com/sponsors/chriskyfung?o=esb"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart icon-sponsor color-fg-sponsors"> <path fill-rule="evenodd" d="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z"/> </svg> <span>Sponsor</span> </a> </li><li class="nav-item"> <button type="button" on="tap:amp-searchbar" id="toggle-search" class="btn btn-primary" data-toggle="modal" data-target="#searchbar" title="search" accesskey="/"> <i class="fas fa-search"></i> </button> </li> </ul> </div>  </div> </nav> <amp-lightbox scrollable id="amp-searchbar" layout="nodisplay" animate-in="fade-in" hidden="hidden" class="i-amphtml-layout-nodisplay" i-amphtml-layout="nodisplay"> <div class="modal-dialog modal-lg">  <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Search for</h5> <button class="close" type="button" on="tap:amp-searchbar.close" aria-label="Close Search Modal" tabindex="-1">×</button> </div> <div class="modal-body"> <div class="search_form"> <form method="GET" action="/search" target="_top"> <amp-autocomplete class="searchbox i-amphtml-layout-container" filter="substring" src="/assets/data/suggestions.json" i-amphtml-layout="container"> <input class="form-control" name="q" type="search" placeholder="Search" required> </amp-autocomplete> <input hidden name="sitesearch" value="chriskyfung.github.io"> <button class="btn btn-primary" type="submit">Search</button> </form> </div> </div> </div> </div> </amp-lightbox>   <div class="site-content"> <div class="container">  <div class="main-content" style="margin-top: 88px;"> <div class="row">  <main class="col-md-8 col-lg-8"> <h1 class="posttitle">List of Tags</h1> <div class="article-post"> <div class="tag-expo"> <ul class="tags rounded-tags"><h4 id="start-with-A">A</h4><li> <a href="/tag/android-studio/" class="post-tag">Android Studio</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/apigee/" class="post-tag">Apigee</a> <span class="badge badge-pill badge-primary">1</span> </li><h4 id="start-with-B">B</h4><li> <a href="/tag/bigquery/" class="post-tag">BigQuery</a> <span class="badge badge-pill badge-primary">5</span> </li><h4 id="start-with-C">C</h4><li> <a href="/tag/changelog/" class="post-tag">Changelog</a> <span class="badge badge-pill badge-primary">5</span> </li><li> <a href="/tag/cloud-ai/" class="post-tag">Cloud AI</a> <span class="badge badge-pill badge-primary">3</span> </li><li> <a href="/tag/cloud-function/" class="post-tag">Cloud Function</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/command-line/" class="post-tag">Command-line</a> <span class="badge badge-pill badge-primary">2</span> </li><li> <a href="/tag/computer-science/" class="post-tag">Computer Science</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/conference/" class="post-tag">Conference</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/conference-paper/" class="post-tag">Conference paper</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/custom-theme/" class="post-tag">Custom Theme</a> <span class="badge badge-pill badge-primary">2</span> </li><h4 id="start-with-D">D</h4><li> <a href="/tag/data-science/" class="post-tag">Data Science</a> <span class="badge badge-pill badge-primary">9</span> </li><li> <a href="/tag/docker/" class="post-tag">Docker</a> <span class="badge badge-pill badge-primary">2</span> </li><h4 id="start-with-E">E</h4><li> <a href="/tag/email/" class="post-tag">Email</a> <span class="badge badge-pill badge-primary">1</span> </li><h4 id="start-with-F">F</h4><li> <a href="/tag/file-i-o/" class="post-tag">File I/O</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/fuzzy-logic/" class="post-tag">Fuzzy Logic</a> <span class="badge badge-pill badge-primary">1</span> </li><h4 id="start-with-G">G</h4><li> <a href="/tag/gcloud/" class="post-tag">GCLOUD</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/google-cloud/" class="post-tag">Google Cloud</a> <span class="badge badge-pill badge-primary">31</span> </li><h4 id="start-with-H">H</h4><li> <a href="/tag/how-to-research/" class="post-tag">How to research</a> <span class="badge badge-pill badge-primary">1</span> </li><h4 id="start-with-J">J</h4><li> <a href="/tag/jekyll/" class="post-tag">Jekyll</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/jenkins/" class="post-tag">Jenkins</a> <span class="badge badge-pill badge-primary">2</span> </li><li> <a href="/tag/journal-ranks/" class="post-tag">Journal ranks</a> <span class="badge badge-pill badge-primary">1</span> </li><h4 id="start-with-K">K</h4><li> <a href="/tag/kde/" class="post-tag">KDE</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/kubernetes/" class="post-tag">Kubernetes</a> <span class="badge badge-pill badge-primary">10</span> </li><h4 id="start-with-L">L</h4><li> <a href="/tag/lammps/" class="post-tag">LAMMPS</a> <span class="badge badge-pill badge-primary">2</span> </li><li> <a href="/tag/learning-map/" class="post-tag">Learning map</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/linux/" class="post-tag">Linux</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/logbook/" class="post-tag">Logbook</a> <span class="badge badge-pill badge-primary">29</span> </li><h4 id="start-with-M">M</h4><li> <a href="/tag/matlab/" class="post-tag">MATLAB</a> <span class="badge badge-pill badge-primary">5</span> </li><li> <a href="/tag/ms-excel/" class="post-tag">MS Excel</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/ms-office/" class="post-tag">MS Office</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/machine-learning/" class="post-tag">Machine Learning</a> <span class="badge badge-pill badge-primary">3</span> </li><li> <a href="/tag/medium/" class="post-tag">Medium</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/meta-tags/" class="post-tag">Meta Tags</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/molecular-dynamics/" class="post-tag">Molecular dynamics</a> <span class="badge badge-pill badge-primary">5</span> </li><li> <a href="/tag/mysql/" class="post-tag">MySQL</a> <span class="badge badge-pill badge-primary">1</span> </li><h4 id="start-with-O">O</h4><li> <a href="/tag/ovito/" class="post-tag">OVITO</a> <span class="badge badge-pill badge-primary">2</span> </li><li> <a href="/tag/open-graph/" class="post-tag">Open Graph</a> <span class="badge badge-pill badge-primary">1</span> </li><h4 id="start-with-P">P</h4><li> <a href="/tag/python/" class="post-tag">Python</a> <span class="badge badge-pill badge-primary">1</span> </li><h4 id="start-with-Q">Q</h4><li> <a href="/tag/qwiklabs/" class="post-tag">Qwiklabs</a> <span class="badge badge-pill badge-primary">34</span> </li><h4 id="start-with-R">R</h4><li> <a href="/tag/remote-desktop/" class="post-tag">Remote desktop</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/research/" class="post-tag">Research</a> <span class="badge badge-pill badge-primary">2</span> </li><li> <a href="/tag/research-tool/" class="post-tag">Research tool</a> <span class="badge badge-pill badge-primary">1</span> </li><h4 id="start-with-S">S</h4><li> <a href="/tag/secure-vpc/" class="post-tag">Secure VPC</a> <span class="badge badge-pill badge-primary">5</span> </li><li> <a href="/tag/shorthand/" class="post-tag">Shorthand</a> <span class="badge badge-pill badge-primary">2</span> </li><li> <a href="/tag/single-crystal-diamond/" class="post-tag">Single crystal diamond</a> <span class="badge badge-pill badge-primary">1</span> </li><h4 id="start-with-T">T</h4><li> <a href="/tag/ted/" class="post-tag">TED</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/taiwan/" class="post-tag">Taiwan</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/tensorflow/" class="post-tag">TensorFlow</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/terraform/" class="post-tag">Terraform</a> <span class="badge badge-pill badge-primary">2</span> </li><li> <a href="/tag/tumblr/" class="post-tag">Tumblr</a> <span class="badge badge-pill badge-primary">2</span> </li><li> <a href="/tag/twitter/" class="post-tag">Twitter</a> <span class="badge badge-pill badge-primary">1</span> </li><h4 id="start-with-U">U</h4><li> <a href="/tag/ubuntu/" class="post-tag">Ubuntu</a> <span class="badge badge-pill badge-primary">2</span> </li><li> <a href="/tag/user-tips/" class="post-tag">User tips</a> <span class="badge badge-pill badge-primary">3</span> </li><li> <a href="/tag/userscript/" class="post-tag">Userscript</a> <span class="badge badge-pill badge-primary">2</span> </li><h4 id="start-with-W">W</h4><li> <a href="/tag/wsl2/" class="post-tag">WSL2</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/windows-10/" class="post-tag">Windows 10</a> <span class="badge badge-pill badge-primary">2</span> </li><li> <a href="/tag/windows-server/" class="post-tag">Windows server</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/wordpress/" class="post-tag">WordPress</a> <span class="badge badge-pill badge-primary">3</span> </li></ul>
+</div> </li><li class="nav-item"> <a class="gh-style btn btn-block" style="margin: 2px 0" aria-label="Sponsor @chriskyfung" target="_top" href="https://github.com/sponsors/chriskyfung?o=esb"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-heart icon-sponsor color-fg-sponsors"> <path fill-rule="evenodd" d="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z"/> </svg> <span>Sponsor</span> </a> </li><li class="nav-item"> <button type="button" on="tap:amp-searchbar" id="toggle-search" class="btn btn-primary" data-toggle="modal" data-target="#searchbar" title="search" accesskey="/"> <i class="fas fa-search"></i> </button> </li> </ul> </div>  </div> </nav> <amp-lightbox scrollable id="amp-searchbar" layout="nodisplay" animate-in="fade-in" hidden="hidden" class="i-amphtml-layout-nodisplay" i-amphtml-layout="nodisplay"> <div class="modal-dialog modal-lg">  <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Search for</h5> <button class="close" type="button" on="tap:amp-searchbar.close" aria-label="Close Search Modal" tabindex="-1">×</button> </div> <div class="modal-body"> <div class="search_form"> <form method="GET" action="/search" target="_top"> <amp-autocomplete class="searchbox i-amphtml-layout-container" filter="substring" src="/assets/data/suggestions.json" i-amphtml-layout="container"> <input class="form-control" name="q" type="search" placeholder="Search" required> </amp-autocomplete> <input hidden name="sitesearch" value="chriskyfung.github.io"> <button class="btn btn-primary" type="submit">Search</button> </form> </div> </div> </div> </div> </amp-lightbox>   <div class="site-content"> <div class="container">  <div class="main-content" style="margin-top: 88px;"> <div class="row">  <main class="col-md-8 col-lg-8"> <h1 class="posttitle">List of Tags</h1> <div class="article-post"> <div class="tag-expo"> <ul class="tags rounded-tags"><h4 id="start-with-A">A</h4><li> <a href="/tag/android-studio/" class="post-tag">Android Studio</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/apigee/" class="post-tag">Apigee</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/autocompletions/" class="post-tag">Autocompletions</a> <span class="badge badge-pill badge-primary">1</span> </li><h4 id="start-with-B">B</h4><li> <a href="/tag/bash/" class="post-tag">Bash</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/bigquery/" class="post-tag">BigQuery</a> <span class="badge badge-pill badge-primary">5</span> </li><h4 id="start-with-C">C</h4><li> <a href="/tag/changelog/" class="post-tag">Changelog</a> <span class="badge badge-pill badge-primary">5</span> </li><li> <a href="/tag/cloud-ai/" class="post-tag">Cloud AI</a> <span class="badge badge-pill badge-primary">3</span> </li><li> <a href="/tag/cloud-function/" class="post-tag">Cloud Function</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/command-line/" class="post-tag">Command-line</a> <span class="badge badge-pill badge-primary">3</span> </li><li> <a href="/tag/computer-science/" class="post-tag">Computer Science</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/conference/" class="post-tag">Conference</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/conference-paper/" class="post-tag">Conference paper</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/custom-theme/" class="post-tag">Custom Theme</a> <span class="badge badge-pill badge-primary">2</span> </li><h4 id="start-with-D">D</h4><li> <a href="/tag/data-science/" class="post-tag">Data Science</a> <span class="badge badge-pill badge-primary">9</span> </li><li> <a href="/tag/docker/" class="post-tag">Docker</a> <span class="badge badge-pill badge-primary">2</span> </li><h4 id="start-with-E">E</h4><li> <a href="/tag/email/" class="post-tag">Email</a> <span class="badge badge-pill badge-primary">1</span> </li><h4 id="start-with-F">F</h4><li> <a href="/tag/file-i-o/" class="post-tag">File I/O</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/fuzzy-logic/" class="post-tag">Fuzzy Logic</a> <span class="badge badge-pill badge-primary">1</span> </li><h4 id="start-with-G">G</h4><li> <a href="/tag/gcloud/" class="post-tag">GCLOUD</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/github-cli/" class="post-tag">GitHub CLI</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/google-cloud/" class="post-tag">Google Cloud</a> <span class="badge badge-pill badge-primary">31</span> </li><h4 id="start-with-H">H</h4><li> <a href="/tag/how-to-research/" class="post-tag">How to research</a> <span class="badge badge-pill badge-primary">1</span> </li><h4 id="start-with-J">J</h4><li> <a href="/tag/jekyll/" class="post-tag">Jekyll</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/jenkins/" class="post-tag">Jenkins</a> <span class="badge badge-pill badge-primary">2</span> </li><li> <a href="/tag/journal-ranks/" class="post-tag">Journal ranks</a> <span class="badge badge-pill badge-primary">1</span> </li><h4 id="start-with-K">K</h4><li> <a href="/tag/kde/" class="post-tag">KDE</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/kubernetes/" class="post-tag">Kubernetes</a> <span class="badge badge-pill badge-primary">10</span> </li><h4 id="start-with-L">L</h4><li> <a href="/tag/lammps/" class="post-tag">LAMMPS</a> <span class="badge badge-pill badge-primary">2</span> </li><li> <a href="/tag/learning-map/" class="post-tag">Learning map</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/linux/" class="post-tag">Linux</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/logbook/" class="post-tag">Logbook</a> <span class="badge badge-pill badge-primary">29</span> </li><h4 id="start-with-M">M</h4><li> <a href="/tag/matlab/" class="post-tag">MATLAB</a> <span class="badge badge-pill badge-primary">5</span> </li><li> <a href="/tag/ms-excel/" class="post-tag">MS Excel</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/ms-office/" class="post-tag">MS Office</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/machine-learning/" class="post-tag">Machine Learning</a> <span class="badge badge-pill badge-primary">3</span> </li><li> <a href="/tag/medium/" class="post-tag">Medium</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/meta-tags/" class="post-tag">Meta Tags</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/molecular-dynamics/" class="post-tag">Molecular dynamics</a> <span class="badge badge-pill badge-primary">5</span> </li><li> <a href="/tag/mysql/" class="post-tag">MySQL</a> <span class="badge badge-pill badge-primary">1</span> </li><h4 id="start-with-O">O</h4><li> <a href="/tag/ovito/" class="post-tag">OVITO</a> <span class="badge badge-pill badge-primary">2</span> </li><li> <a href="/tag/open-graph/" class="post-tag">Open Graph</a> <span class="badge badge-pill badge-primary">1</span> </li><h4 id="start-with-P">P</h4><li> <a href="/tag/python/" class="post-tag">Python</a> <span class="badge badge-pill badge-primary">1</span> </li><h4 id="start-with-Q">Q</h4><li> <a href="/tag/qwiklabs/" class="post-tag">Qwiklabs</a> <span class="badge badge-pill badge-primary">34</span> </li><h4 id="start-with-R">R</h4><li> <a href="/tag/remote-desktop/" class="post-tag">Remote desktop</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/research/" class="post-tag">Research</a> <span class="badge badge-pill badge-primary">2</span> </li><li> <a href="/tag/research-tool/" class="post-tag">Research tool</a> <span class="badge badge-pill badge-primary">1</span> </li><h4 id="start-with-S">S</h4><li> <a href="/tag/secure-vpc/" class="post-tag">Secure VPC</a> <span class="badge badge-pill badge-primary">5</span> </li><li> <a href="/tag/shorthand/" class="post-tag">Shorthand</a> <span class="badge badge-pill badge-primary">2</span> </li><li> <a href="/tag/single-crystal-diamond/" class="post-tag">Single crystal diamond</a> <span class="badge badge-pill badge-primary">1</span> </li><h4 id="start-with-T">T</h4><li> <a href="/tag/ted/" class="post-tag">TED</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/taiwan/" class="post-tag">Taiwan</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/tensorflow/" class="post-tag">TensorFlow</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/terraform/" class="post-tag">Terraform</a> <span class="badge badge-pill badge-primary">2</span> </li><li> <a href="/tag/tumblr/" class="post-tag">Tumblr</a> <span class="badge badge-pill badge-primary">2</span> </li><li> <a href="/tag/twitter/" class="post-tag">Twitter</a> <span class="badge badge-pill badge-primary">1</span> </li><h4 id="start-with-U">U</h4><li> <a href="/tag/ubuntu/" class="post-tag">Ubuntu</a> <span class="badge badge-pill badge-primary">2</span> </li><li> <a href="/tag/user-tips/" class="post-tag">User tips</a> <span class="badge badge-pill badge-primary">3</span> </li><li> <a href="/tag/userscript/" class="post-tag">Userscript</a> <span class="badge badge-pill badge-primary">2</span> </li><h4 id="start-with-W">W</h4><li> <a href="/tag/wsl2/" class="post-tag">WSL2</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/windows-10/" class="post-tag">Windows 10</a> <span class="badge badge-pill badge-primary">2</span> </li><li> <a href="/tag/windows-server/" class="post-tag">Windows server</a> <span class="badge badge-pill badge-primary">1</span> </li><li> <a href="/tag/wordpress/" class="post-tag">WordPress</a> <span class="badge badge-pill badge-primary">3</span> </li></ul>
 </div> </div></main>  <aside class="col-md-4 col-lg-4 right-sidebar"><div class="sidebar"> <h2 class="sr-only">Sidebar</h2> <div aria-label="featured posts" class="sidebar-section"> <h3><span>Featured</span><span class="sr-only"> Posts</span></h3> <section class="featured-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp335-cover.thumb.webp" alt="Image in List of Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp335-cover.thumb.png" alt="Image in List of Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab">☁ Secure Workloads in Google Kubernetes Engine: Challenge Lab | l...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/secure-workloads-in-google-kubernetes-engine-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i><i class="fas fa-sync-alt fa-xs" aria-hidden="true" style="color:#0293d8;margin-left:-.5em;vertical-align:bottom"></i> <time datetime="2021-06-27T15:00:00+08:00" itemprop="dateModified" title="Updated on">27 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/windows/fix-windows10-boot-loop-after-fail-upgrade"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/windows/restoring-your-previous-version-of-windows-10.thumb.webp" alt="Image in List of Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/windows/restoring-your-previous-version-of-windows-10.thumb.png" alt="Image in List of Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/windows/fix-windows10-boot-loop-after-fail-upgrade">Fix reboot loop after a fail upgrade of Windows 10, Version 2004,...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/windows/fix-windows10-boot-loop-after-fail-upgrade" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2020-06-23T23:18:00+08:00" itemprop="datePublished" title="Published on">23 Jun 2020</time></div> <ul class="tags"><li> <small><a href="/category/windows/">Windows</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
@@ -21,19 +21,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in List of Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in List of Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in List of Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in List of Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in List of Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in List of Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in List of Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in List of Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in List of Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in List of Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in List of Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in List of Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in List of Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/jekyll/index.html b/tag/jekyll/index.html
index 8918f047e..a559e06ee 100644
--- a/tag/jekyll/index.html
+++ b/tag/jekyll/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Jekyll" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Jekyll" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Jekyll" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Jekyll" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Jekyll" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Jekyll" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Jekyll" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Jekyll" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Jekyll" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Jekyll" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Jekyll" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Jekyll" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Jekyll" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/jenkins/index.html b/tag/jenkins/index.html
index a3e1987e4..0b43e533d 100644
--- a/tag/jenkins/index.html
+++ b/tag/jenkins/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -25,19 +25,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Jenkins" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Jenkins" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Jenkins" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Jenkins" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Jenkins" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Jenkins" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Jenkins" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Jenkins" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Jenkins" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Jenkins" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Jenkins" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Jenkins" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Jenkins" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/journal-ranks/index.html b/tag/journal-ranks/index.html
index c24e35d66..ba3fd37dd 100644
--- a/tag/journal-ranks/index.html
+++ b/tag/journal-ranks/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Journal ranks" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/kde/index.html b/tag/kde/index.html
index 96d7dd9a0..9656d8066 100644
--- a/tag/kde/index.html
+++ b/tag/kde/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in KDE" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in KDE" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in KDE" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in KDE" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in KDE" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in KDE" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in KDE" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in KDE" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in KDE" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in KDE" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in KDE" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in KDE" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in KDE" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/kubernetes/index.html b/tag/kubernetes/index.html
index d1c5192ad..11102173e 100644
--- a/tag/kubernetes/index.html
+++ b/tag/kubernetes/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -41,19 +41,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Kubernetes" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Kubernetes" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Kubernetes" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Kubernetes" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Kubernetes" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Kubernetes" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Kubernetes" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Kubernetes" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Kubernetes" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Kubernetes" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Kubernetes" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Kubernetes" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Kubernetes" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/lammps/index.html b/tag/lammps/index.html
index bcea6d778..ac429bea9 100644
--- a/tag/lammps/index.html
+++ b/tag/lammps/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -25,19 +25,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in LAMMPS" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in LAMMPS" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in LAMMPS" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in LAMMPS" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in LAMMPS" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in LAMMPS" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in LAMMPS" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in LAMMPS" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in LAMMPS" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in LAMMPS" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in LAMMPS" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in LAMMPS" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in LAMMPS" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/learning-map/index.html b/tag/learning-map/index.html
index 7a1c9fdff..e234e6be5 100644
--- a/tag/learning-map/index.html
+++ b/tag/learning-map/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Learning map" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Learning map" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Learning map" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Learning map" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Learning map" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Learning map" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Learning map" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Learning map" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Learning map" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Learning map" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Learning map" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Learning map" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Learning map" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/linux/index.html b/tag/linux/index.html
index 09d9d6933..f64195f33 100644
--- a/tag/linux/index.html
+++ b/tag/linux/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Linux" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/logbook/index.html b/tag/logbook/index.html
index ee7645e34..945b596f0 100644
--- a/tag/logbook/index.html
+++ b/tag/logbook/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -80,19 +80,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Logbook" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/machine-learning/index.html b/tag/machine-learning/index.html
index 4b1ca8f18..588d69251 100644
--- a/tag/machine-learning/index.html
+++ b/tag/machine-learning/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -27,19 +27,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Machine Learning" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Machine Learning" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Machine Learning" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Machine Learning" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Machine Learning" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Machine Learning" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Machine Learning" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Machine Learning" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Machine Learning" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Machine Learning" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Machine Learning" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Machine Learning" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Machine Learning" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/matlab/index.html b/tag/matlab/index.html
index 47de6920a..fc9e937dd 100644
--- a/tag/matlab/index.html
+++ b/tag/matlab/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -32,19 +32,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in MATLAB" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/medium/index.html b/tag/medium/index.html
index 6e81cc0e0..c3c15608d 100644
--- a/tag/medium/index.html
+++ b/tag/medium/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Medium" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Medium" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Medium" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Medium" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Medium" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Medium" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Medium" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Medium" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Medium" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Medium" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Medium" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Medium" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Medium" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/meta-tags/index.html b/tag/meta-tags/index.html
index 5a91d5d42..ac50c6118 100644
--- a/tag/meta-tags/index.html
+++ b/tag/meta-tags/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Meta Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Meta Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Meta Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Meta Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Meta Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Meta Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Meta Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Meta Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Meta Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Meta Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Meta Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Meta Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Meta Tags" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/molecular-dynamics/index.html b/tag/molecular-dynamics/index.html
index b3612b7d8..26150173c 100644
--- a/tag/molecular-dynamics/index.html
+++ b/tag/molecular-dynamics/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -33,19 +33,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Molecular dynamics" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Molecular dynamics" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Molecular dynamics" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Molecular dynamics" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Molecular dynamics" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Molecular dynamics" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Molecular dynamics" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Molecular dynamics" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Molecular dynamics" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Molecular dynamics" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Molecular dynamics" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Molecular dynamics" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Molecular dynamics" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/ms-excel/index.html b/tag/ms-excel/index.html
index ee7c1a134..c19320868 100644
--- a/tag/ms-excel/index.html
+++ b/tag/ms-excel/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -24,19 +24,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in MS Excel" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/ms-office/index.html b/tag/ms-office/index.html
index 250e9d8c2..a270d5425 100644
--- a/tag/ms-office/index.html
+++ b/tag/ms-office/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in MS Office" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in MS Office" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in MS Office" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in MS Office" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in MS Office" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in MS Office" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in MS Office" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in MS Office" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in MS Office" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in MS Office" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in MS Office" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in MS Office" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in MS Office" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/mysql/index.html b/tag/mysql/index.html
index c6249b914..148f6b9d2 100644
--- a/tag/mysql/index.html
+++ b/tag/mysql/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in MySQL" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in MySQL" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in MySQL" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in MySQL" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in MySQL" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in MySQL" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in MySQL" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in MySQL" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in MySQL" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in MySQL" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in MySQL" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in MySQL" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in MySQL" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/open-graph/index.html b/tag/open-graph/index.html
index aae905f95..14076d189 100644
--- a/tag/open-graph/index.html
+++ b/tag/open-graph/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Open Graph" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Open Graph" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Open Graph" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Open Graph" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Open Graph" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Open Graph" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Open Graph" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Open Graph" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Open Graph" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Open Graph" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Open Graph" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Open Graph" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Open Graph" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/ovito/index.html b/tag/ovito/index.html
index 509c4ff20..b67e677d4 100644
--- a/tag/ovito/index.html
+++ b/tag/ovito/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -27,19 +27,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in OVITO" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in OVITO" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in OVITO" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in OVITO" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in OVITO" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in OVITO" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in OVITO" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in OVITO" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in OVITO" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in OVITO" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in OVITO" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in OVITO" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in OVITO" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/python/index.html b/tag/python/index.html
index 3b2766c50..1fbf1b732 100644
--- a/tag/python/index.html
+++ b/tag/python/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -24,19 +24,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Python" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Python" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Python" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Python" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Python" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Python" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Python" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Python" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Python" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Python" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Python" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Python" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Python" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/qwiklabs/index.html b/tag/qwiklabs/index.html
index 17496c4a1..1cc7ba2de 100644
--- a/tag/qwiklabs/index.html
+++ b/tag/qwiklabs/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -90,19 +90,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Qwiklabs" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Qwiklabs" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Qwiklabs" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Qwiklabs" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Qwiklabs" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Qwiklabs" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Qwiklabs" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Qwiklabs" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Qwiklabs" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Qwiklabs" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Qwiklabs" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Qwiklabs" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Qwiklabs" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/remote-desktop/index.html b/tag/remote-desktop/index.html
index e1395a68b..85247c9e0 100644
--- a/tag/remote-desktop/index.html
+++ b/tag/remote-desktop/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Remote desktop" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Remote desktop" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Remote desktop" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Remote desktop" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Remote desktop" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Remote desktop" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Remote desktop" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Remote desktop" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Remote desktop" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Remote desktop" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Remote desktop" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Remote desktop" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Remote desktop" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/research-tool/index.html b/tag/research-tool/index.html
index d441cd8fd..555616bb6 100644
--- a/tag/research-tool/index.html
+++ b/tag/research-tool/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Research tool" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Research tool" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Research tool" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Research tool" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Research tool" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Research tool" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Research tool" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Research tool" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Research tool" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Research tool" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Research tool" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Research tool" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Research tool" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/research/index.html b/tag/research/index.html
index 841fcd256..d1fe21245 100644
--- a/tag/research/index.html
+++ b/tag/research/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -25,19 +25,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Research" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/secure-vpc/index.html b/tag/secure-vpc/index.html
index 4b781d367..81f128a0a 100644
--- a/tag/secure-vpc/index.html
+++ b/tag/secure-vpc/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -31,19 +31,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Secure VPC" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Secure VPC" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Secure VPC" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Secure VPC" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Secure VPC" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Secure VPC" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Secure VPC" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Secure VPC" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Secure VPC" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Secure VPC" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Secure VPC" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Secure VPC" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Secure VPC" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/shorthand/index.html b/tag/shorthand/index.html
index 22ca74698..537ebf3f0 100644
--- a/tag/shorthand/index.html
+++ b/tag/shorthand/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -25,19 +25,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Shorthand" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Shorthand" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Shorthand" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Shorthand" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Shorthand" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Shorthand" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Shorthand" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Shorthand" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Shorthand" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Shorthand" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Shorthand" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Shorthand" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Shorthand" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/single-crystal-diamond/index.html b/tag/single-crystal-diamond/index.html
index 3652026c9..74c0c9c8b 100644
--- a/tag/single-crystal-diamond/index.html
+++ b/tag/single-crystal-diamond/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Single crystal diamond" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Single crystal diamond" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Single crystal diamond" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Single crystal diamond" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Single crystal diamond" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Single crystal diamond" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Single crystal diamond" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Single crystal diamond" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Single crystal diamond" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Single crystal diamond" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Single crystal diamond" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Single crystal diamond" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Single crystal diamond" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/taiwan/index.html b/tag/taiwan/index.html
index 829002d6c..759d56bac 100644
--- a/tag/taiwan/index.html
+++ b/tag/taiwan/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Taiwan" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Taiwan" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Taiwan" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Taiwan" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Taiwan" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Taiwan" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Taiwan" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Taiwan" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Taiwan" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Taiwan" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Taiwan" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Taiwan" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Taiwan" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/ted/index.html b/tag/ted/index.html
index d4f0e389e..2a73bb4e4 100644
--- a/tag/ted/index.html
+++ b/tag/ted/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in TED" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in TED" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in TED" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in TED" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in TED" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in TED" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in TED" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in TED" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in TED" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in TED" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in TED" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in TED" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in TED" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/tensorflow/index.html b/tag/tensorflow/index.html
index 78d72180c..af0687e43 100644
--- a/tag/tensorflow/index.html
+++ b/tag/tensorflow/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in TensorFlow" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in TensorFlow" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in TensorFlow" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in TensorFlow" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in TensorFlow" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in TensorFlow" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in TensorFlow" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in TensorFlow" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in TensorFlow" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in TensorFlow" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in TensorFlow" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in TensorFlow" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in TensorFlow" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/terraform/index.html b/tag/terraform/index.html
index 6c91f3cfd..6dc79d2cb 100644
--- a/tag/terraform/index.html
+++ b/tag/terraform/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -25,19 +25,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Terraform" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Terraform" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Terraform" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Terraform" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Terraform" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Terraform" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Terraform" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Terraform" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Terraform" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Terraform" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Terraform" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Terraform" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Terraform" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/tumblr/index.html b/tag/tumblr/index.html
index 9e8b4345b..7f33ce57a 100644
--- a/tag/tumblr/index.html
+++ b/tag/tumblr/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -25,19 +25,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Tumblr" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Tumblr" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Tumblr" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Tumblr" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Tumblr" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Tumblr" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Tumblr" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Tumblr" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Tumblr" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Tumblr" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Tumblr" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Tumblr" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Tumblr" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/twitter/index.html b/tag/twitter/index.html
index ecf8a1c03..9da48d8b6 100644
--- a/tag/twitter/index.html
+++ b/tag/twitter/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Twitter" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Twitter" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Twitter" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Twitter" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Twitter" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Twitter" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Twitter" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Twitter" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Twitter" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Twitter" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Twitter" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Twitter" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Twitter" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/ubuntu/index.html b/tag/ubuntu/index.html
index 9107d7ed3..9b24a2e4e 100644
--- a/tag/ubuntu/index.html
+++ b/tag/ubuntu/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -25,19 +25,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Ubuntu" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Ubuntu" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Ubuntu" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Ubuntu" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Ubuntu" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Ubuntu" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Ubuntu" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Ubuntu" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Ubuntu" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Ubuntu" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Ubuntu" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Ubuntu" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Ubuntu" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/user-tips/index.html b/tag/user-tips/index.html
index 0378ceb25..a715bf514 100644
--- a/tag/user-tips/index.html
+++ b/tag/user-tips/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -27,19 +27,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in User tips" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in User tips" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in User tips" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in User tips" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in User tips" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in User tips" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in User tips" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in User tips" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in User tips" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in User tips" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in User tips" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in User tips" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in User tips" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/userscript/index.html b/tag/userscript/index.html
index 880573f4c..d3841b886 100644
--- a/tag/userscript/index.html
+++ b/tag/userscript/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -25,19 +25,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Userscript" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Userscript" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Userscript" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Userscript" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Userscript" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Userscript" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Userscript" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Userscript" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Userscript" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Userscript" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Userscript" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Userscript" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Userscript" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/windows-10/index.html b/tag/windows-10/index.html
index f5c41d7ab..b4ec6ab3c 100644
--- a/tag/windows-10/index.html
+++ b/tag/windows-10/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -25,19 +25,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Windows 10" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/windows-server/index.html b/tag/windows-server/index.html
index 26c143f95..d83e9e659 100644
--- a/tag/windows-server/index.html
+++ b/tag/windows-server/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in Windows server" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Windows server" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Windows server" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in Windows server" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in Windows server" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in Windows server" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in Windows server" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in Windows server" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in Windows server" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in Windows server" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in Windows server" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in Windows server" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in Windows server" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/wordpress/index.html b/tag/wordpress/index.html
index 8d6c5f5b9..a80cc8a44 100644
--- a/tag/wordpress/index.html
+++ b/tag/wordpress/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -27,19 +27,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in WordPress" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in WordPress" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in WordPress" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in WordPress" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in WordPress" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in WordPress" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in WordPress" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in WordPress" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in WordPress" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in WordPress" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in WordPress" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in WordPress" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in WordPress" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>
diff --git a/tag/wsl2/index.html b/tag/wsl2/index.html
index 33a2d1c30..010667d16 100644
--- a/tag/wsl2/index.html
+++ b/tag/wsl2/index.html
@@ -4,7 +4,7 @@
 <amp-state id="consentState" class="i-amphtml-layout-container" i-amphtml-layout="container"> <script type="application/json">{"essential":false,"functional":false,"analytics":false,"advertising":false,"disallows":"advertising,analytics,functional"}</script>
 </amp-state> <amp-script script="get-stored-consentStates" nodom class="i-amphtml-layout-container" i-amphtml-layout="container"></amp-script><script id="get-stored-consentStates" type="text/plain" target="amp-script">const str=atob(localStorage.getItem("amp-store:https://chriskyfung.github.io")),json=JSON.parse(str),v=json.vv["amp-consent:site-consent"]?.v;if(1===v.s){let t=Object.fromEntries(Object.entries(v.pc).map((([t,e])=>[t,1===e])));t.disallows=Object.keys(t).sort().filter((e=>"essential"!=e&&!1===t[e])).join(","),AMP.setState({consentState:t})}</script> <amp-consent layout="nodisplay" id="site-consent" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay"> <script type="application/json">{"consentInstanceId":"site-consent","consentRequired":true,"promptUI":"consent-ui","postPromptUI":"post-consent-ui","uiConfig":{"overlay":true},"purposeConsentRequired":["essential","functional","analytics","advertising"]}</script> <div id="consent-ui"> <div id="cookie-consent-banner" class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Consent </h2> <div class="description"> <p>This website use cookies to help you have a superior and more relevant browsing experience on the website. <a href="/privacy-policy"> Read more...</a></p> </div> </header> <div class="buttons"> <button id="consent-accept-all-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=true),AMP.navigateTo(url='?event=consent-accept-all')"> Accept All </button> <button id="consent-preference-button-e" class="button" [hidden]="consentState.disallows!='advertising,analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ef" class="button" hidden [hidden]="consentState.disallows!='advertising,analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ea" class="button" hidden [hidden]="consentState.disallows!='advertising,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-ev" class="button" hidden [hidden]="consentState.disallows!='analytics,functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-eav" class="button" hidden [hidden]="consentState.disallows!='functional'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efv" class="button" hidden [hidden]="consentState.disallows!='analytics'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,advertising=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-efa" class="button" hidden [hidden]="consentState.disallows!='advertising'" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true)" i-amphtml-binding> Preferences </button> <button id="consent-preference-button-all" class="button" hidden [hidden]="consentState.disallows!=''" on="tap:cookie-preference-modal.show,cookie-consent-banner.hide,site-consent.setPurpose(essential=true,functional=true,analytics=true,advertising=true)" i-amphtml-binding> Preferences </button> </div> </div> <div id="cookie-preference-modal" hidden class="container"> <header> <h2> <i class="fas fa-cookie-bite"></i> Cookie Preferences </h2> </header> <div id="consent-choices"> <label class="consentLabel" for="consent-purpose-essential"> <input id="consent-purpose-essential" type="checkbox" checked="checked" disabled="disabled" on="change:site-consent.setPurpose(essential=event.checked)"> Essential </label> <label class="consentLabel" for="consent-purpose-functional"> <input id="consent-purpose-functional" type="checkbox" [checked]="consentState.functional" on="change:site-consent.setPurpose(functional=event.checked)" i-amphtml-binding> Funcitonality </label> <label class="consentLabel" for="consent-purpose-analytics"> <input id="consent-purpose-analytics" type="checkbox" [checked]="consentState.analytics" on="change:site-consent.setPurpose(analytics=event.checked)" i-amphtml-binding> Analytics </label> <label class="consentLabel" for="consent-purpose-advertising"> <input id="consent-purpose-advertising" type="checkbox" [checked]="consentState.advertising" on="change:site-consent.setPurpose(advertising=event.checked)" i-amphtml-binding> Advertising </label> </div> <div class="buttons"> <button id="consent-accept-button" class="button fill" on="tap:site-consent.accept(purposeConsentDefault=false),AMP.navigateTo(url='?event=consent-accepted')"> Accept </button> <button id="consent-decline-button" class="button" on="tap:site-consent.setPurpose(functional=false,analytics=false,advertising=false),site-consent.reject,AMP.navigateTo(url='?event=consent-declined')"> Decline </button> </div> </div> </div> </amp-consent> <div id="post-consent-ui"> <button class="btn btn-primary" on="tap:AMP.setState({}),site-consent.prompt"><i class="fas fa-cookie-bite"></i></button>
 </div>
- <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-WQMQK3X&gtm.url=SOURCE_URL" data-credentials="include" style="width:1px;height:1px;width:1px;height:1px;" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"></amp-analytics><amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-adtest="on" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
+<amp-auto-ads type="adsense" data-ad-client="ca-pub-4819282024314540" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" data-full-width class="i-amphtml-layout-container" i-amphtml-layout="container"> <div placeholder>Loading Ads...</div> <div fallback></div> <div overflow></div> </amp-auto-ads> <nav amp-fx="float-in-top" id="navbar" class="navbar navbar-toggleable-md navbar-light fixed-top mediumnavigation" aria-label="primary"> <div class="container" role="menu">  <a class="navbar-brand" href="/" role="menuitem" title="Go to Site Home"> <amp-img src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" style="width:140px;height:36px;width:140px;height:36px;" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" i-amphtml-layout="fixed"> <amp-img fallback src="/assets/images/logo-plainSVG.svg" alt="site logo" height="36" width="140" noloading class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:140px;height:36px;" i-amphtml-layout="fixed"></amp-img> </amp-img> </a> <a class="navbar-toggler navbar-toggler-right" href="#" on="tap:navbarsWow.toggleClass(class='show'),AMP.setState({primaryMenuExpanded: !primaryMenuExpanded}),nav-item-0.focus" data-toggle="collapse" data-target="#navbarsWow" role="button" aria-controls="navbarsWow" aria-label="Toggle navigation menu" aria-expanded="false" [aria-expanded]="primaryMenuExpanded ? 'true' : 'false'" tabindex="0" i-amphtml-binding> <span class="navbar-toggler-icon"></span> </a> <div class="collapse navbar-collapse" id="navbarsWow"> <ul class="navbar-nav ml-auto scrollbar-thin" role="menubar"> <li class="nav-item" role="none"> <a id="nav-item-0" class="nav-link" href="/" role="menuitem">Home</a></li>
 <li id="blog" class="nav-item dropdown" role="none"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-controls="blog-dropdown" aria-haspopup="true" aria-expanded="false" [aria-expanded]="DropdownExpanded ? 'true' : 'false'" tabindex="0" on="tap:AMP.setState({ DropdownExpanded: !DropdownExpanded }),blog-expanded-focus.focus" i-amphtml-binding> Blog </a> <div id="blog-dropdown" class="dropdown-menu scrollbar-thin" aria-labelledby="blog"> <ul style="list-style: none; padding-left: 0;"> <li> <a id="blog-expanded-focus" class="dropdown-item" href="/blog/"> <i class="far fa-newspaper mr-2"></i>All Stories </a> </li> <li> <a class="dropdown-item" href="/category/"> <i class="far fa-list-alt mr-2"></i>Categories </a> </li> <li> <a class="dropdown-item" href="/tag/"> <i class="fas fa-tag mr-2"></i>Tags </a> </li> </ul> </div>
 </li>
 <li class="nav-item" role="none"> <a class="nav-link" href="/category/cloud/" role="menuitem">Cloud</a>
@@ -23,19 +23,18 @@
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/assets/images/write-2160925.svg" alt="Image in WSL2" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet">Useful Google Cloud Platform Commands Cheat Sheet (15 Practical T...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/useful-google-cloud-platform-commands-cheat-sheet" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2019-11-06T13:12:00+08:00" itemprop="datePublished" title="Published on">06 Nov 2019</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in WSL2" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in WSL2" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div> </section> </div>  <div aria-label="recent posts" class="sidebar-section"> <h3><span>Recent</span><span class="sr-only"> Posts</span></h3> <section class="recent-posts"> <div class="listfeaturedtag"><div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/github-cli-repo-clone-custom-completion/"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.webp" alt="Image in WSL2" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/coding/gh-repo-clone-custom-completion-cover.thumb.jpg" alt="Image in WSL2" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/github-cli-repo-clone-custom-completion/">Speed Up GitHub CLI: Custom Completion for 'gh repo clone' Command</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/github-cli-repo-clone-custom-completion/" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2024-12-27T15:12:00+08:00" itemprop="datePublished" title="Published on">27 Dec 2024</time></div> <ul class="tags"><li> <small><a href="/category/developer-tools/">Developer tools</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
+</div>
+<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/qwiklab-completion-tracker-versions"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.webp" alt="Image in WSL2" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/science-1408800_1280.thumb.jpg" alt="Image in WSL2" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions">Qwiklabs Lab Completion Tracker - Version History</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/qwiklab-completion-tracker-versions" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-30T18:00:00+08:00" itemprop="datePublished" title="Published on">30 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li><li> <small><a href="/category/project/">Project</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/matlab/matlab-packages-and-toolboxes"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.webp" alt="Image in WSL2" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/matlab/matlab-packages.thumb.jpg" alt="Image in WSL2" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/matlab/matlab-packages-and-toolboxes">My MATLAB Package and Toolbox Picks</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/matlab/matlab-packages-and-toolboxes" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-09-18T01:12:00+08:00" itemprop="datePublished" title="Published on">18 Sep 2021</time></div> <ul class="tags"><li> <small><a href="/category/academic/">Academic</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
 <div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.webp" alt="Image in WSL2" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp344-cover_optimized.thumb.png" alt="Image in WSL2" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab">☁ Serverless Firebase Development: Challenge Lab | logbook</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/serverless-firebase-development-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-07-14T11:30:00+08:00" itemprop="datePublished" title="Published on">14 Jul 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
 </div>
-<div class="card card-list"> <div class="row"> <div class="col-md-5 wrapthumbnail"> <a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab"> <div class="thumbnail"><figure><amp-img width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.webp" alt="Image in WSL2" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer> <amp-img fallback width="112" height="150" layout="intrinsic" src="/images/posts/qwiklabs/gsp340-cover.thumb.png" alt="Image in WSL2" class="i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MCIgd2lkdGg9IjExMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer></amp-img> </amp-img></figure></div> </a> </div> <div class="wrapmeta"> <div class="card-block pt-3"> <h4 class="card-title"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab">☁ Build and Optimize Data Warehouses with BigQuery: Challenge Lab...</a></h4> <div class="metafooter"> <div class="wrapfooter"> <span class="post-read-more"><a href="/blog/qwiklabs/build-and-optimize-data-warehouses-with-bigquery-challenge-lab" title="Read Story"><i class="fa fa-link"></i></a></span> <div class="post-meta"> <div class="post-date"><i class="far fa-calendar-alt fa-lg" aria-hidden="true"></i> <time datetime="2021-06-25T10:30:00+08:00" itemprop="datePublished" title="Published on">25 Jun 2021</time></div> <ul class="tags"><li> <small><a href="/category/cloud/">Cloud</a></small> </li></ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>
-</div>
 </div> </section> </div><div class="sidebar-section"> <h3><span aria-label="useful links">Useful</span><span class="sr-only"> Links</span></h3> <ul> <li><a href="/about">About Me</a></li> <li><a href="/#projects">My Projects</a></li> <li><a href="/contact">Partner with Me</a></li> <li><a href="https://invitation.codes/@chriskyfung" data-type="badge1" rel="noopener noreferrer" target="_blank">Use my referral codes</a></li> </ul>
 </div>
-<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-adtest="on" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div>
-</div></aside>
-</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"debug_mode":true,"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
+<div class="sidebar-section"> <h3><span>Ads</span></h3> <amp-ad width="100vw" height="292" data-block-on-consent-purposes="advertising" data-npa-on-unknown-consent="true" type="adsense" data-ad-client="ca-pub-4819282024314540" data-ad-slot="1391498756" data-auto-format="rspv" data-full-width class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:100vw;height:292px;" i-amphtml-layout="fixed"> <div overflow></div> <div placeholder>Loading ...</div> <div fallback>No ad for you</div> </amp-ad></div> </div></aside>
+</div> <amp-analytics type="gtag" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px;" i-amphtml-layout="fixed"> <script type="application/json">{"vars":{"gtag_id":"G-HP4LN87NJE","config":{"G-HP4LN87NJE":{"groups":"default"}},"ampHost":"${ampdocHost}"},"triggers":{"trackAnchorClicks":{"on":"click","selector":"a:not([href^='https://chriskyfung.github.io'])","vars":{"event_name":"outgoing_click","method":"Google","link_url":"${eventLabel}","outbound":true}}}}</script>
 </amp-analytics> </div> </div> <footer> <h2 class="sr-only">Footer</h2>  <section class="beforefooter"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 mt-3"> <h3>Want to talk about a new or existing project?</h3>
 <p>See anything that can be improved?</p>
 <p>Feel free to send me a message using the form below. I will get back to you as soon as possible!</p>