From 10e8a6604af5a71519402b88e3b83365e0de4d6d Mon Sep 17 00:00:00 2001
From: damithc <damithc@github>
Date: Fri, 26 Jan 2024 23:49:09 +0800
Subject: [PATCH] Site Update. [skip ci]

---
 README.html                                              | 2 +-
 README.page-vue-render.js                                | 2 +-
 about.html                                               | 2 +-
 about.page-vue-render.js                                 | 2 +-
 conventions/csharp.html                                  | 2 +-
 conventions/csharp.page-vue-render.js                    | 2 +-
 conventions/css.html                                     | 2 +-
 conventions/css.page-vue-render.js                       | 2 +-
 conventions/files.html                                   | 2 +-
 conventions/files.page-vue-render.js                     | 2 +-
 conventions/git.html                                     | 2 +-
 conventions/git.page-vue-render.js                       | 2 +-
 conventions/github.html                                  | 2 +-
 conventions/github.page-vue-render.js                    | 2 +-
 conventions/html.html                                    | 2 +-
 conventions/html.page-vue-render.js                      | 2 +-
 conventions/java/basic.html                              | 4 ++--
 conventions/java/basic.page-vue-render.js                | 4 ++--
 conventions/java/index.html                              | 4 ++--
 conventions/java/index.page-vue-render.js                | 4 ++--
 conventions/java/intermediate.html                       | 4 ++--
 conventions/java/intermediate.page-vue-render.js         | 4 ++--
 conventions/java/logging.html                            | 2 +-
 conventions/java/logging.page-vue-render.js              | 2 +-
 conventions/javascript.html                              | 2 +-
 conventions/javascript.page-vue-render.js                | 2 +-
 conventions/markdown.html                                | 2 +-
 conventions/markdown.page-vue-render.js                  | 2 +-
 guidelines/PRs-reviewing.html                            | 2 +-
 guidelines/PRs-reviewing.page-vue-render.js              | 2 +-
 guidelines/PRs.html                                      | 2 +-
 guidelines/PRs.page-vue-render.js                        | 2 +-
 guidelines/codeOfConduct.html                            | 2 +-
 guidelines/codeOfConduct.page-vue-render.js              | 2 +-
 guidelines/commits.html                                  | 2 +-
 guidelines/commits.page-vue-render.js                    | 2 +-
 guidelines/labels.html                                   | 2 +-
 guidelines/labels.page-vue-render.js                     | 2 +-
 index.html                                               | 2 +-
 index.page-vue-render.js                                 | 2 +-
 tutorials/checkstyle.html                                | 2 +-
 tutorials/checkstyle.page-vue-render.js                  | 2 +-
 tutorials/codecov.html                                   | 2 +-
 tutorials/codecov.page-vue-render.js                     | 2 +-
 tutorials/githubActions.html                             | 2 +-
 tutorials/githubActions.page-vue-render.js               | 2 +-
 tutorials/gradle.html                                    | 2 +-
 tutorials/gradle.page-vue-render.js                      | 2 +-
 tutorials/intellijCodeStyle.html                         | 2 +-
 tutorials/intellijCodeStyle.page-vue-render.js           | 2 +-
 tutorials/intellijImportGradleProject.html               | 2 +-
 tutorials/intellijImportGradleProject.page-vue-render.js | 2 +-
 tutorials/intellijJdk.html                               | 2 +-
 tutorials/intellijJdk.page-vue-render.js                 | 2 +-
 tutorials/intellijUsefulSettings.html                    | 2 +-
 tutorials/intellijUsefulSettings.page-vue-render.js      | 2 +-
 tutorials/jar.html                                       | 2 +-
 tutorials/jar.page-vue-render.js                         | 2 +-
 tutorials/javaFx.html                                    | 2 +-
 tutorials/javaFx.page-vue-render.js                      | 2 +-
 tutorials/javaFxPart1.html                               | 2 +-
 tutorials/javaFxPart1.page-vue-render.js                 | 2 +-
 tutorials/javaFxPart2.html                               | 2 +-
 tutorials/javaFxPart2.page-vue-render.js                 | 2 +-
 tutorials/javaFxPart3.html                               | 2 +-
 tutorials/javaFxPart3.page-vue-render.js                 | 2 +-
 tutorials/javaFxPart4.html                               | 2 +-
 tutorials/javaFxPart4.page-vue-render.js                 | 2 +-
 tutorials/jekyll.html                                    | 2 +-
 tutorials/jekyll.page-vue-render.js                      | 2 +-
 tutorials/junit.html                                     | 2 +-
 tutorials/junit.page-vue-render.js                       | 2 +-
 tutorials/markbind-forked-sites.html                     | 2 +-
 tutorials/markbind-forked-sites.page-vue-render.js       | 2 +-
 tutorials/markbind.html                                  | 2 +-
 tutorials/markbind.page-vue-render.js                    | 2 +-
 tutorials/netlify.html                                   | 2 +-
 tutorials/netlify.page-vue-render.js                     | 2 +-
 tutorials/plantUml.html                                  | 2 +-
 tutorials/plantUml.page-vue-render.js                    | 2 +-
 tutorials/savingPdf.html                                 | 2 +-
 tutorials/savingPdf.page-vue-render.js                   | 2 +-
 tutorials/sourcetree.html                                | 2 +-
 tutorials/sourcetree.page-vue-render.js                  | 2 +-
 tutorials/textUiTesting.html                             | 2 +-
 tutorials/textUiTesting.page-vue-render.js               | 2 +-
 86 files changed, 92 insertions(+), 92 deletions(-)

diff --git a/README.html b/README.html
index a752ae64..632280c4 100644
--- a/README.html
+++ b/README.html
@@ -17,7 +17,7 @@
 <body >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="https://se-education.org" title="SE-EDU" class="navbar-brand" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fas fa-chevron-circle-left" data-v-73b4aa16></span> <strong data-v-73b4aa16><strong data-v-73b4aa16>SE-EDU</strong></strong></span></a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/guides/index.html" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><strong data-v-73b4aa16>Home</strong></span></a></li> <li data-v-73b4aa16><a href="/guides/about.html" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><strong data-v-73b4aa16>About</strong></span></a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/guides" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li class="nav-link" data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search this site" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       Search this site
-    </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper" class="fixed-header-padding"><h1 id="guides-for-se-student-projects"><span class="text-dark"><strong><strong>Guides for SE student projects »</strong></strong></span><a href="#guides-for-se-student-projects" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p></p><p>Go to the main website [<a href="http://se-education.org/guides">http://se-education.org/guides</a>]</p><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+    </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper" class="fixed-header-padding"><h1 id="guides-for-se-student-projects"><span class="text-dark"><strong><strong>Guides for SE student projects »</strong></strong></span><a href="#guides-for-se-student-projects" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p></p><p>Go to the main website [<a href="http://se-education.org/guides">http://se-education.org/guides</a>]</p><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/README.page-vue-render.js b/README.page-vue-render.js
index 92d0fc6d..52af6a78 100644
--- a/README.page-vue-render.js
+++ b/README.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{staticClass:"fixed-header-padding",attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"guides-for-se-student-projects"}},[_c('span',{staticClass:"text-dark"},[_c('strong',[_c('strong',[_v("Guides for SE student projects »")])])]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#guides-for-se-student-projects","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p'),_c('p',[_v("Go to the main website ["),_c('a',{attrs:{"href":"http://se-education.org/guides"}},[_v("http://se-education.org/guides")]),_v("]")]),_c('p')])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/about.html b/about.html
index 5226d1bf..3e87de45 100644
--- a/about.html
+++ b/about.html
@@ -19,7 +19,7 @@
       Search this site
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper" class="fixed-header-padding"><h1 id="guides-for-se-student-projects"><span class="text-dark"><strong><strong>Guides for SE student projects »</strong></strong></span><a href="#guides-for-se-student-projects" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p></p><h1 id="about-us">About Us<a href="#about-us" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p>This is a sub-project of the <a href="https://se-education.org">se-education.org</a>.
 <span id="contact-info"></span></p> <h2 id="contact">Contact<a href="#contact" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Suggestions, questions, and bug reports can be posted in <a href="https://github.com/se-edu/guides/issues">our issue tracker</a>.</p> <p>Alternatively, contact project mentor <a href="https://www.comp.nus.edu.sg/~damithch">Damith C. Rajapakse</a>.
-</p> <h2 id="license">License<a href="#license" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This work is released under the <a href="https://opensource.org/licenses/MIT">MIT OSS license</a>.</p> <h2 id="contributing">Contributing<a href="#contributing" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>PRs to improve/add content are welcome.</p> <p>This website uses MarkBind documentation tool. <a href="/guides/tutorials/markbind.html">This document</a> has some guidance on how to use it when updating contents.</p> <p>Follow the <a href="/guides/conventions/markdown.html">Markdown style guide</a> in your PR.</p> <h2 id="acknowledgements">Acknowledgements<a href="#acknowledgements" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>The <code class="hljs inline no-lang">favicon.ico</code> is based on an icon made by <a href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a> from www.flaticon.com</p><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#about-us" data-v-e6005420>About Us‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#contact" data-v-e6005420>Contact‎</a> <a class="nav-link py-1" href="#license" data-v-e6005420>License‎</a> <a class="nav-link py-1" href="#contributing" data-v-e6005420>Contributing‎</a> <a class="nav-link py-1" href="#acknowledgements" data-v-e6005420>Acknowledgements‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+</p> <h2 id="license">License<a href="#license" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>This work is released under the <a href="https://opensource.org/licenses/MIT">MIT OSS license</a>.</p> <h2 id="contributing">Contributing<a href="#contributing" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>PRs to improve/add content are welcome.</p> <p>This website uses MarkBind documentation tool. <a href="/guides/tutorials/markbind.html">This document</a> has some guidance on how to use it when updating contents.</p> <p>Follow the <a href="/guides/conventions/markdown.html">Markdown style guide</a> in your PR.</p> <h2 id="acknowledgements">Acknowledgements<a href="#acknowledgements" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>The <code class="hljs inline no-lang">favicon.ico</code> is based on an icon made by <a href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a> from www.flaticon.com</p><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#about-us" data-v-e6005420>About Us‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#contact" data-v-e6005420>Contact‎</a> <a class="nav-link py-1" href="#license" data-v-e6005420>License‎</a> <a class="nav-link py-1" href="#contributing" data-v-e6005420>Contributing‎</a> <a class="nav-link py-1" href="#acknowledgements" data-v-e6005420>Acknowledgements‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/about.page-vue-render.js b/about.page-vue-render.js
index a8ba100c..80a8ccde 100644
--- a/about.page-vue-render.js
+++ b/about.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{staticClass:"fixed-header-padding",attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"guides-for-se-student-projects"}},[_c('span',{staticClass:"text-dark"},[_c('strong',[_c('strong',[_v("Guides for SE student projects »")])])]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#guides-for-se-student-projects","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p'),_c('h1',{attrs:{"id":"about-us"}},[_v("About Us"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#about-us","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("This is a sub-project of the "),_c('a',{attrs:{"href":"https://se-education.org"}},[_v("se-education.org")]),_v(".\n"),_c('span',{attrs:{"id":"contact-info"}})]),_v(" "),_c('h2',{attrs:{"id":"contact"}},[_v("Contact"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#contact","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("Suggestions, questions, and bug reports can be posted in "),_c('a',{attrs:{"href":"https://github.com/se-edu/guides/issues"}},[_v("our issue tracker")]),_v(".")]),_v(" "),_c('p',[_v("Alternatively, contact project mentor "),_c('a',{attrs:{"href":"https://www.comp.nus.edu.sg/~damithch"}},[_v("Damith C. Rajapakse")]),_v(".\n")]),_v(" "),_c('h2',{attrs:{"id":"license"}},[_v("License"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#license","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("This work is released under the "),_c('a',{attrs:{"href":"https://opensource.org/licenses/MIT"}},[_v("MIT OSS license")]),_v(".")]),_v(" "),_c('h2',{attrs:{"id":"contributing"}},[_v("Contributing"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#contributing","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("PRs to improve/add content are welcome.")]),_v(" "),_c('p',[_v("This website uses MarkBind documentation tool. "),_c('a',{attrs:{"href":"/guides/tutorials/markbind.html"}},[_v("This document")]),_v(" has some guidance on how to use it when updating contents.")]),_v(" "),_c('p',[_v("Follow the "),_c('a',{attrs:{"href":"/guides/conventions/markdown.html"}},[_v("Markdown style guide")]),_v(" in your PR.")]),_v(" "),_c('h2',{attrs:{"id":"acknowledgements"}},[_v("Acknowledgements"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#acknowledgements","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("The "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("favicon.ico")]),_v(" is based on an icon made by "),_c('a',{attrs:{"href":"https://www.flaticon.com/authors/dave-gandy"}},[_v("Dave Gandy")]),_v(" from www.flaticon.com")]),_c('p')])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/conventions/csharp.html b/conventions/csharp.html
index 083622fe..81029aa9 100644
--- a/conventions/csharp.html
+++ b/conventions/csharp.html
@@ -474,7 +474,7 @@
 </svg>
 
     </div>
-    </button></div></pre></div></div></div> <h2 id="references">References<a href="#references" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><a href="https://msdn.microsoft.com/en-us/library/ff926074.aspx">C# Coding Conventions (C# Programming Guide)</a> -- From Microsoft</li> <li><a href="http://www.icsharpcode.net/TechNotes/SharpDevelopCodingStyle03.pdf">C# Coding Style Guide</a> -- By Mike Krüger</li> <li><a href="https://github.com/dennisdoomen/CSharpGuidelines">CSharpGuidelines</a> -- From Aviva Solutions</li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#c-coding-standard" data-v-e6005420>C# coding standard‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#file-organization" data-v-e6005420>File Organization‎</a> <a class="nav-link py-1" href="#formatting" data-v-e6005420>Formatting‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#layout" data-v-e6005420>Layout‎</a> <a class="nav-link py-1" href="#indentation" data-v-e6005420>Indentation‎</a> <a class="nav-link py-1" href="#white-space" data-v-e6005420>White Space‎</a></nav> <a class="nav-link py-1" href="#naming" data-v-e6005420>Naming‎</a> <a class="nav-link py-1" href="#commenting" data-v-e6005420>Commenting‎</a> <a class="nav-link py-1" href="#language-conventions" data-v-e6005420>Language Conventions‎</a> <a class="nav-link py-1" href="#references" data-v-e6005420>References‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+    </button></div></pre></div></div></div> <h2 id="references">References<a href="#references" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><a href="https://msdn.microsoft.com/en-us/library/ff926074.aspx">C# Coding Conventions (C# Programming Guide)</a> -- From Microsoft</li> <li><a href="http://www.icsharpcode.net/TechNotes/SharpDevelopCodingStyle03.pdf">C# Coding Style Guide</a> -- By Mike Krüger</li> <li><a href="https://github.com/dennisdoomen/CSharpGuidelines">CSharpGuidelines</a> -- From Aviva Solutions</li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#c-coding-standard" data-v-e6005420>C# coding standard‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#file-organization" data-v-e6005420>File Organization‎</a> <a class="nav-link py-1" href="#formatting" data-v-e6005420>Formatting‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#layout" data-v-e6005420>Layout‎</a> <a class="nav-link py-1" href="#indentation" data-v-e6005420>Indentation‎</a> <a class="nav-link py-1" href="#white-space" data-v-e6005420>White Space‎</a></nav> <a class="nav-link py-1" href="#naming" data-v-e6005420>Naming‎</a> <a class="nav-link py-1" href="#commenting" data-v-e6005420>Commenting‎</a> <a class="nav-link py-1" href="#language-conventions" data-v-e6005420>Language Conventions‎</a> <a class="nav-link py-1" href="#references" data-v-e6005420>References‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/conventions/csharp.page-vue-render.js b/conventions/csharp.page-vue-render.js
index 5851c11d..6fcdab5c 100644
--- a/conventions/csharp.page-vue-render.js
+++ b/conventions/csharp.page-vue-render.js
@@ -269,6 +269,6 @@ with(this){return _c('h2',{attrs:{"id":"references"}},[_v("References"),_c('a',{
 with(this){return _c('ul',[_c('li',[_c('a',{attrs:{"href":"https://msdn.microsoft.com/en-us/library/ff926074.aspx"}},[_v("C# Coding Conventions (C# Programming Guide)")]),_v(" -- From Microsoft")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"http://www.icsharpcode.net/TechNotes/SharpDevelopCodingStyle03.pdf"}},[_v("C# Coding Style Guide")]),_v(" -- By Mike Krüger")]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://github.com/dennisdoomen/CSharpGuidelines"}},[_v("CSharpGuidelines")]),_v(" -- From Aviva Solutions")])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/conventions/css.html b/conventions/css.html
index 64515c5f..1068281e 100644
--- a/conventions/css.html
+++ b/conventions/css.html
@@ -220,7 +220,7 @@
 </svg>
 
     </div>
-    </button></div></pre></div></div></div> <h3 id="attribute-formatting">Attribute Formatting<a href="#attribute-formatting" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ul><li>Semicolon after every attribute specification.</li> <li>Space after colon.</li> <li>Drop the units for 0 values (eg: <code class="hljs inline no-lang">margin: 0</code>).</li> <li>All attribute(s) are to be specified in individual lines.</li> <li>Attributes must have one more indentation than the selector.</li> <li>Indent attributes that require browser specifications so that the actual attribute being declared is in one column. Refer to <a href="http://learn.shayhowe.com/html-css/writing-your-best-code/#css-coding-practices">Writing Your Best Code</a> for examples.</li></ul> <h2 id="general-details">General Details<a href="#general-details" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><p>Use shorthands as much as possible (eg <code class="hljs inline no-lang">border: 2px 0 1px 4px</code>).</p></li> <li><p>DO NOT use <code class="hljs inline no-lang">!important</code> specifier.</p> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>RATIONALE: Using the <code class="hljs inline no-lang" data-v-4d146e2c>!important</code> specifier overrides the natural flow of specificity and cascading hierarchy of css styles. Unless absolutely necessary do not use it. If there is such a situation clearly state the reason with comments (<code class="hljs inline no-lang" data-v-4d146e2c>/* */</code>).</p></div> <!----></div></div></div> <p><span style="color:red;"><span><strong><span aria-hidden="true" class="fas fa-thumbs-down"></span> Bad</strong></span></span>: <code class="hljs inline css"><span class="hljs-attribute">margin</span>: <span class="hljs-number">10px</span> <span class="hljs-number">0</span> <span class="hljs-meta">!important</span>;</code></p></li></ul> <h2 id="resources">Resources<a href="#resources" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><p>Highly Recommended</p> <ul><li><a href="https://google.github.io/styleguide/htmlcssguide.xml">Google CSS Style Guide</a></li> <li><a href="http://learn.shayhowe.com/html-css/writing-your-best-code/#css-coding-practices">Writing Your Best Code - CSS Coding Practices</a></li></ul></li> <li><p>Other Readings</p> <ul><li><a href="https://code.tutsplus.com/tutorials/30-css-best-practices-for-beginners--net-6741">30 CSS Best Practices For Beginners</a></li> <li><a href="https://css-tricks.com/css-style-guides">A list of CSS style guides</a></li> <li><a href="http://isobar-idev.github.io/code-standards/">Isobar coding standards</a></li></ul></li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#css-coding-standard" data-v-e6005420>CSS coding standard‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#general" data-v-e6005420>General‎</a> <a class="nav-link py-1" href="#css-files" data-v-e6005420>CSS Files‎</a> <a class="nav-link py-1" href="#selectors" data-v-e6005420>Selectors‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#selector-formatting" data-v-e6005420>Selector Formatting‎</a> <a class="nav-link py-1" href="#use-of-efficient-selectors" data-v-e6005420>Use of Efficient Selectors‎</a></nav> <a class="nav-link py-1" href="#classes" data-v-e6005420>Classes‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#naming-classes" data-v-e6005420>Naming Classes‎</a></nav> <a class="nav-link py-1" href="#attributes" data-v-e6005420>Attributes‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#order-of-attributes" data-v-e6005420>Order of Attributes‎</a> <a class="nav-link py-1" href="#attribute-formatting" data-v-e6005420>Attribute Formatting‎</a></nav> <a class="nav-link py-1" href="#general-details" data-v-e6005420>General Details‎</a> <a class="nav-link py-1" href="#resources" data-v-e6005420>Resources‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+    </button></div></pre></div></div></div> <h3 id="attribute-formatting">Attribute Formatting<a href="#attribute-formatting" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ul><li>Semicolon after every attribute specification.</li> <li>Space after colon.</li> <li>Drop the units for 0 values (eg: <code class="hljs inline no-lang">margin: 0</code>).</li> <li>All attribute(s) are to be specified in individual lines.</li> <li>Attributes must have one more indentation than the selector.</li> <li>Indent attributes that require browser specifications so that the actual attribute being declared is in one column. Refer to <a href="http://learn.shayhowe.com/html-css/writing-your-best-code/#css-coding-practices">Writing Your Best Code</a> for examples.</li></ul> <h2 id="general-details">General Details<a href="#general-details" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><p>Use shorthands as much as possible (eg <code class="hljs inline no-lang">border: 2px 0 1px 4px</code>).</p></li> <li><p>DO NOT use <code class="hljs inline no-lang">!important</code> specifier.</p> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>RATIONALE: Using the <code class="hljs inline no-lang" data-v-4d146e2c>!important</code> specifier overrides the natural flow of specificity and cascading hierarchy of css styles. Unless absolutely necessary do not use it. If there is such a situation clearly state the reason with comments (<code class="hljs inline no-lang" data-v-4d146e2c>/* */</code>).</p></div> <!----></div></div></div> <p><span style="color:red;"><span><strong><span aria-hidden="true" class="fas fa-thumbs-down"></span> Bad</strong></span></span>: <code class="hljs inline css"><span class="hljs-attribute">margin</span>: <span class="hljs-number">10px</span> <span class="hljs-number">0</span> <span class="hljs-meta">!important</span>;</code></p></li></ul> <h2 id="resources">Resources<a href="#resources" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><p>Highly Recommended</p> <ul><li><a href="https://google.github.io/styleguide/htmlcssguide.xml">Google CSS Style Guide</a></li> <li><a href="http://learn.shayhowe.com/html-css/writing-your-best-code/#css-coding-practices">Writing Your Best Code - CSS Coding Practices</a></li></ul></li> <li><p>Other Readings</p> <ul><li><a href="https://code.tutsplus.com/tutorials/30-css-best-practices-for-beginners--net-6741">30 CSS Best Practices For Beginners</a></li> <li><a href="https://css-tricks.com/css-style-guides">A list of CSS style guides</a></li> <li><a href="http://isobar-idev.github.io/code-standards/">Isobar coding standards</a></li></ul></li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#css-coding-standard" data-v-e6005420>CSS coding standard‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#general" data-v-e6005420>General‎</a> <a class="nav-link py-1" href="#css-files" data-v-e6005420>CSS Files‎</a> <a class="nav-link py-1" href="#selectors" data-v-e6005420>Selectors‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#selector-formatting" data-v-e6005420>Selector Formatting‎</a> <a class="nav-link py-1" href="#use-of-efficient-selectors" data-v-e6005420>Use of Efficient Selectors‎</a></nav> <a class="nav-link py-1" href="#classes" data-v-e6005420>Classes‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#naming-classes" data-v-e6005420>Naming Classes‎</a></nav> <a class="nav-link py-1" href="#attributes" data-v-e6005420>Attributes‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#order-of-attributes" data-v-e6005420>Order of Attributes‎</a> <a class="nav-link py-1" href="#attribute-formatting" data-v-e6005420>Attribute Formatting‎</a></nav> <a class="nav-link py-1" href="#general-details" data-v-e6005420>General Details‎</a> <a class="nav-link py-1" href="#resources" data-v-e6005420>Resources‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/conventions/css.page-vue-render.js b/conventions/css.page-vue-render.js
index cd874cb2..acb98e69 100644
--- a/conventions/css.page-vue-render.js
+++ b/conventions/css.page-vue-render.js
@@ -146,6 +146,6 @@ with(this){return _c('h2',{attrs:{"id":"resources"}},[_v("Resources"),_c('a',{st
 with(this){return _c('ul',[_c('li',[_c('p',[_v("Highly Recommended")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"https://google.github.io/styleguide/htmlcssguide.xml"}},[_v("Google CSS Style Guide")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"http://learn.shayhowe.com/html-css/writing-your-best-code/#css-coding-practices"}},[_v("Writing Your Best Code - CSS Coding Practices")])])])]),_v(" "),_c('li',[_c('p',[_v("Other Readings")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"https://code.tutsplus.com/tutorials/30-css-best-practices-for-beginners--net-6741"}},[_v("30 CSS Best Practices For Beginners")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://css-tricks.com/css-style-guides"}},[_v("A list of CSS style guides")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"http://isobar-idev.github.io/code-standards/"}},[_v("Isobar coding standards")])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/conventions/files.html b/conventions/files.html
index ba0ca9cb..574fb25d 100644
--- a/conventions/files.html
+++ b/conventions/files.html
@@ -19,7 +19,7 @@
       Search this site
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper" class="fixed-header-padding"><h1 id="guides-for-se-student-projects"><span class="text-dark"><strong><strong>Guides for SE student projects »</strong></strong></span><a href="#guides-for-se-student-projects" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p></p><h1 id="conventions-for-file-folder-naming">Conventions for file/folder naming<a href="#conventions-for-file-folder-naming" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <h2 id="files-folders">Files/Folders<a href="#files-folders" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><strong>General rule: aim for <em>local consistency</em></strong> i.e., follow the conventions/patterns followed by other files/folders in the neighborhood.
 <ul><li>If the project uses a framework that has a specific file naming convention, follow that instead.</li></ul></li></ul> <p></p> <ul><li>If there is no existing pattern to follow:
-<ul><li>Use camelCase whenever possible. e.g. <code class="hljs inline no-lang">formatsAndConventions.md</code></li> <li>If the name has multiple phrases, use - to separate phrases. e.g. <code class="hljs inline no-lang">codingStyle-javaBasic.html</code></li></ul></li></ul> <p></p> <ul><li><p>Try to user common prefixes so that similar files appear together when sorted by name.<br> <span style="color:green;"><span><strong><span aria-hidden="true" class="fas fa-thumbs-up"></span> Good</strong></span></span> <code class="hljs inline no-lang">codingStyle-java.html</code>, <code class="hljs inline no-lang">codingStyle-html.html</code><br> <span style="color:red;"><span><strong><span aria-hidden="true" class="fas fa-thumbs-down"></span> Bad</strong></span></span>: <code class="hljs inline no-lang">javaCodingStyle.html</code>, <code class="hljs inline no-lang">htmlCodingStyle.html</code></p></li> <li><p>Prefer plurals if the file/folder contains multiple items of same type e.g. <code class="hljs inline no-lang">docs</code> instead of <code class="hljs inline no-lang">doc</code></p></li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#conventions-for-file-folder-naming" data-v-e6005420>Conventions for file/folder naming‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#files-folders" data-v-e6005420>Files/Folders‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+<ul><li>Use camelCase whenever possible. e.g. <code class="hljs inline no-lang">formatsAndConventions.md</code></li> <li>If the name has multiple phrases, use - to separate phrases. e.g. <code class="hljs inline no-lang">codingStyle-javaBasic.html</code></li></ul></li></ul> <p></p> <ul><li><p>Try to user common prefixes so that similar files appear together when sorted by name.<br> <span style="color:green;"><span><strong><span aria-hidden="true" class="fas fa-thumbs-up"></span> Good</strong></span></span> <code class="hljs inline no-lang">codingStyle-java.html</code>, <code class="hljs inline no-lang">codingStyle-html.html</code><br> <span style="color:red;"><span><strong><span aria-hidden="true" class="fas fa-thumbs-down"></span> Bad</strong></span></span>: <code class="hljs inline no-lang">javaCodingStyle.html</code>, <code class="hljs inline no-lang">htmlCodingStyle.html</code></p></li> <li><p>Prefer plurals if the file/folder contains multiple items of same type e.g. <code class="hljs inline no-lang">docs</code> instead of <code class="hljs inline no-lang">doc</code></p></li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#conventions-for-file-folder-naming" data-v-e6005420>Conventions for file/folder naming‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#files-folders" data-v-e6005420>Files/Folders‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/conventions/files.page-vue-render.js b/conventions/files.page-vue-render.js
index ca62d59b..c8aba2e3 100644
--- a/conventions/files.page-vue-render.js
+++ b/conventions/files.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{staticClass:"fixed-header-padding",attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"guides-for-se-student-projects"}},[_c('span',{staticClass:"text-dark"},[_c('strong',[_c('strong',[_v("Guides for SE student projects »")])])]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#guides-for-se-student-projects","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p'),_c('h1',{attrs:{"id":"conventions-for-file-folder-naming"}},[_v("Conventions for file/folder naming"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#conventions-for-file-folder-naming","onclick":"event.stopPropagation()"}})]),_v(" "),_c('h2',{attrs:{"id":"files-folders"}},[_v("Files/Folders"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#files-folders","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ul',[_c('li',[_c('strong',[_v("General rule: aim for "),_c('em',[_v("local consistency")])]),_v(" i.e., follow the conventions/patterns followed by other files/folders in the neighborhood.\n"),_c('ul',[_c('li',[_v("If the project uses a framework that has a specific file naming convention, follow that instead.")])])])]),_v(" "),_c('p'),_v(" "),_c('ul',[_c('li',[_v("If there is no existing pattern to follow:\n"),_c('ul',[_c('li',[_v("Use camelCase whenever possible. e.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("formatsAndConventions.md")])]),_v(" "),_c('li',[_v("If the name has multiple phrases, use - to separate phrases. e.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("codingStyle-javaBasic.html")])])])])]),_v(" "),_c('p'),_v(" "),_c('ul',[_c('li',[_c('p',[_v("Try to user common prefixes so that similar files appear together when sorted by name."),_c('br'),_v(" "),_c('span',{staticStyle:{"color":"green"}},[_c('span',[_c('strong',[_c('span',{staticClass:"fas fa-thumbs-up",attrs:{"aria-hidden":"true"}}),_v(" Good")])])]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("codingStyle-java.html")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("codingStyle-html.html")]),_c('br'),_v(" "),_c('span',{staticStyle:{"color":"red"}},[_c('span',[_c('strong',[_c('span',{staticClass:"fas fa-thumbs-down",attrs:{"aria-hidden":"true"}}),_v(" Bad")])])]),_v(": "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("javaCodingStyle.html")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("htmlCodingStyle.html")])])]),_v(" "),_c('li',[_c('p',[_v("Prefer plurals if the file/folder contains multiple items of same type e.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("docs")]),_v(" instead of "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("doc")])])])]),_c('p')])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/conventions/git.html b/conventions/git.html
index ab14ae47..83efdd5a 100644
--- a/conventions/git.html
+++ b/conventions/git.html
@@ -131,7 +131,7 @@
 </svg>
 
     </div>
-    </button></div></pre><div class="alert box-container alert-info" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <!----> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>Refer to the article <em data-v-4d146e2c><a href="http://chris.beams.io/posts/git-commit/" data-v-4d146e2c>How to Write a Git Commit Message</a></em> for more advice on writing good commit messages.</p></div> <!----></div></div></div></div> <h2 id="branch-names">Branch names<a href="#branch-names" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <div id="branch-names-format"><p>Follow these rules to improve consistency:</p> <ul><li>Use a meaningful name consisting of some relevant keywords, in the <em>kebab case</em> format e.g., <code class="hljs inline no-lang">refactor-ui-tests</code>.</li> <li>If the branch is related to an issue, use the format <code class="hljs inline no-lang">issueNumber-some-keywords-from-issue-title</code> e.g., <code class="hljs inline no-lang">1234-ui-freeze-error</code></li></ul></div><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#git-conventions" data-v-e6005420>Git conventions‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#commit-message-subject" data-v-e6005420>Commit message: Subject‎</a> <a class="nav-link py-1" href="#commit-message-body" data-v-e6005420>Commit message: Body‎</a> <a class="nav-link py-1" href="#branch-names" data-v-e6005420>Branch names‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+    </button></div></pre><div class="alert box-container alert-info" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <!----> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>Refer to the article <em data-v-4d146e2c><a href="http://chris.beams.io/posts/git-commit/" data-v-4d146e2c>How to Write a Git Commit Message</a></em> for more advice on writing good commit messages.</p></div> <!----></div></div></div></div> <h2 id="branch-names">Branch names<a href="#branch-names" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <div id="branch-names-format"><p>Follow these rules to improve consistency:</p> <ul><li>Use a meaningful name consisting of some relevant keywords, in the <em>kebab case</em> format e.g., <code class="hljs inline no-lang">refactor-ui-tests</code>.</li> <li>If the branch is related to an issue, use the format <code class="hljs inline no-lang">issueNumber-some-keywords-from-issue-title</code> e.g., <code class="hljs inline no-lang">1234-ui-freeze-error</code></li></ul></div><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#git-conventions" data-v-e6005420>Git conventions‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#commit-message-subject" data-v-e6005420>Commit message: Subject‎</a> <a class="nav-link py-1" href="#commit-message-body" data-v-e6005420>Commit message: Body‎</a> <a class="nav-link py-1" href="#branch-names" data-v-e6005420>Branch names‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/conventions/git.page-vue-render.js b/conventions/git.page-vue-render.js
index b210320a..3fded487 100644
--- a/conventions/git.page-vue-render.js
+++ b/conventions/git.page-vue-render.js
@@ -83,6 +83,6 @@ with(this){return _c('h2',{attrs:{"id":"branch-names"}},[_v("Branch names"),_c('
 with(this){return _c('div',{attrs:{"id":"branch-names-format"}},[_c('p',[_v("Follow these rules to improve consistency:")]),_v(" "),_c('ul',[_c('li',[_v("Use a meaningful name consisting of some relevant keywords, in the "),_c('em',[_v("kebab case")]),_v(" format e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("refactor-ui-tests")]),_v(".")]),_v(" "),_c('li',[_v("If the branch is related to an issue, use the format "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("issueNumber-some-keywords-from-issue-title")]),_v(" e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("1234-ui-freeze-error")])])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/conventions/github.html b/conventions/github.html
index b229d214..620302ad 100644
--- a/conventions/github.html
+++ b/conventions/github.html
@@ -48,7 +48,7 @@
     </button></div></pre></blockquote> <h3 id="pr-merge-commit">PR merge commit<a href="#pr-merge-commit" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p><strong>When merging a PR branch to the main branch</strong>, use one of these formats for the subject line of the merge commit.</p> <ul><li><p>Option 1: <code class="hljs inline no-lang">Issue Title #IssueNumber (#PrNumber)</code><br>
 e.g. <code class="hljs inline no-lang">Error alert email has very long subject #5958 (#6580)</code></p></li> <li><p>Option 2: <code class="hljs inline no-lang">[#IssueNumber] Issue Title (#PrNumber)</code><br>
 e.g. <code class="hljs inline no-lang">[#5958] Error alert email has very long subject (#6580)</code></p></li> <li><p>Option 3: <code class="hljs inline no-lang">PR Title (#PrNumber)</code> (i.e., based on PR only, issue info omitted)<br>
-e.g. <code class="hljs inline no-lang">Error alert email has very long subject (#6580)</code></p></li></ul> <p>Pick one option and use it consistently in the entire code base.</p> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>Rationale: This format allows easy traceability among a merge commit, the issue it fixes, and the PR that fixed it. Having the issue name tells us what the commit is about without having to look it up in GitHub issue tracker.</p></div> <!----></div></div></div> <h2 id="issues">Issues<a href="#issues" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><p><strong>Issue title should be concise yet descriptive.</strong> For example, instead of <code class="hljs inline no-lang">Newbie question, please help</code>, use <code class="hljs inline no-lang">How do I set up git to ignore test files?</code></p></li> <li><p><strong>Follow <span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----> <!----></span></strong> (<a href="https://github.com/MarkBind/markbind/issues/new">example</a>), if any.</p></li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#github-conventions" data-v-e6005420>GitHub conventions‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#prs" data-v-e6005420>PRs‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#pr-name" data-v-e6005420>PR name‎</a> <a class="nav-link py-1" href="#pr-description" data-v-e6005420>PR description‎</a> <a class="nav-link py-1" href="#pr-merge-commit" data-v-e6005420>PR merge commit‎</a></nav> <a class="nav-link py-1" href="#issues" data-v-e6005420>Issues‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+e.g. <code class="hljs inline no-lang">Error alert email has very long subject (#6580)</code></p></li></ul> <p>Pick one option and use it consistently in the entire code base.</p> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>Rationale: This format allows easy traceability among a merge commit, the issue it fixes, and the PR that fixed it. Having the issue name tells us what the commit is about without having to look it up in GitHub issue tracker.</p></div> <!----></div></div></div> <h2 id="issues">Issues<a href="#issues" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><p><strong>Issue title should be concise yet descriptive.</strong> For example, instead of <code class="hljs inline no-lang">Newbie question, please help</code>, use <code class="hljs inline no-lang">How do I set up git to ignore test files?</code></p></li> <li><p><strong>Follow <span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----> <!----></span></strong> (<a href="https://github.com/MarkBind/markbind/issues/new">example</a>), if any.</p></li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#github-conventions" data-v-e6005420>GitHub conventions‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#prs" data-v-e6005420>PRs‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#pr-name" data-v-e6005420>PR name‎</a> <a class="nav-link py-1" href="#pr-description" data-v-e6005420>PR description‎</a> <a class="nav-link py-1" href="#pr-merge-commit" data-v-e6005420>PR merge commit‎</a></nav> <a class="nav-link py-1" href="#issues" data-v-e6005420>Issues‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/conventions/github.page-vue-render.js b/conventions/github.page-vue-render.js
index c48bb69f..f4cf294c 100644
--- a/conventions/github.page-vue-render.js
+++ b/conventions/github.page-vue-render.js
@@ -71,6 +71,6 @@ with(this){return _c('h2',{attrs:{"id":"issues"}},[_v("Issues"),_c('a',{staticCl
 with(this){return _c('li',[_c('p',[_c('strong',[_v("Issue title should be concise yet descriptive.")]),_v(" For example, instead of "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Newbie question, please help")]),_v(", use "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("How do I set up git to ignore test files?")])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/conventions/html.html b/conventions/html.html
index 607aa80b..be54f22d 100644
--- a/conventions/html.html
+++ b/conventions/html.html
@@ -379,7 +379,7 @@
 </svg>
 
     </div>
-    </button></div></pre></div></div></div><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#html-coding-standard" data-v-e6005420>HTML coding standard‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#document-properties" data-v-e6005420>Document Properties‎</a> <a class="nav-link py-1" href="#tags" data-v-e6005420>Tags‎</a> <a class="nav-link py-1" href="#attributes" data-v-e6005420>Attributes‎</a> <a class="nav-link py-1" href="#naming" data-v-e6005420>Naming‎</a> <a class="nav-link py-1" href="#indentation" data-v-e6005420>Indentation‎</a> <a class="nav-link py-1" href="#miscellaneous" data-v-e6005420>Miscellaneous‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+    </button></div></pre></div></div></div><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#html-coding-standard" data-v-e6005420>HTML coding standard‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#document-properties" data-v-e6005420>Document Properties‎</a> <a class="nav-link py-1" href="#tags" data-v-e6005420>Tags‎</a> <a class="nav-link py-1" href="#attributes" data-v-e6005420>Attributes‎</a> <a class="nav-link py-1" href="#naming" data-v-e6005420>Naming‎</a> <a class="nav-link py-1" href="#indentation" data-v-e6005420>Indentation‎</a> <a class="nav-link py-1" href="#miscellaneous" data-v-e6005420>Miscellaneous‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/conventions/html.page-vue-render.js b/conventions/html.page-vue-render.js
index c4a4cdd9..960c654e 100644
--- a/conventions/html.page-vue-render.js
+++ b/conventions/html.page-vue-render.js
@@ -191,6 +191,6 @@ with(this){return _c('div',{staticClass:"col-sm-auto"},[_c('span',{staticStyle:{
 with(this){return _c('code',{pre:true,attrs:{"class":"no-line-numbers hljs html"}},[_c('span',[_c('span',{pre:true,attrs:{"class":"hljs-tag"}},[_v("<"),_c('span',{pre:true,attrs:{"class":"hljs-name"}},[_v("a")]),_v(" "),_c('span',{pre:true,attrs:{"class":"hljs-attr"}},[_v("target")]),_v("="),_c('span',{pre:true,attrs:{"class":"hljs-string"}},[_v("\"_blank\"")]),_v(" "),_c('span',{pre:true,attrs:{"class":"hljs-attr"}},[_v("href")]),_v("="),_c('span',{pre:true,attrs:{"class":"hljs-string"}},[_v("\"https://example.com\"")]),_v(">")]),_v("Example.com"),_c('span',{pre:true,attrs:{"class":"hljs-tag"}},[_v("</"),_c('span',{pre:true,attrs:{"class":"hljs-name"}},[_v("a")]),_v(">")]),_v("\n")])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/conventions/java/basic.html b/conventions/java/basic.html
index 80e3e1f7..081381b9 100644
--- a/conventions/java/basic.html
+++ b/conventions/java/basic.html
@@ -102,7 +102,7 @@
 </svg>
 
     </div>
-    </button></div></pre><p>Underscores may be used in test method names using the following three part format <strong><code class="hljs inline no-lang">featureUnderTest_testScenario_expectedBehavior()</code></strong></p> <p>e.g. <code class="hljs inline no-lang">sortList_emptyList_exceptionThrown()</code> <code class="hljs inline no-lang">getMember_memberNotFount_nullReturned</code></p> <p>Third part or both second and third parts can be omitted depending on what's covered in the test.
+    </button></div></pre><p>Underscores may be used in test method names using the following three part format <strong><code class="hljs inline no-lang">featureUnderTest_testScenario_expectedBehavior()</code></strong></p> <p>e.g. <code class="hljs inline no-lang">sortList_emptyList_exceptionThrown()</code> <code class="hljs inline no-lang">getMember_memberNotFound_nullReturned</code></p> <p>Third part or both second and third parts can be omitted depending on what's covered in the test.
 For example, the test method <code class="hljs inline no-lang">sortList_emptyList()</code> will test <code class="hljs inline no-lang">sortList()</code> method for all variations of the 'empty list'
 scenario and the test method <code class="hljs inline no-lang">sortList()</code> will test the <code class="hljs inline no-lang">sortList()</code> method for all scenarios.</p> <p><strong><span><span class="badge rounded-pill bg-danger"><span aria-hidden="true" class="far fa-star"></span></span></span> All names should be written in English.</strong></p> <p><span class="dimmed"><span><span aria-hidden="true" class="fas fa-info-circle"></span></span> Rationale: The code is meant for an international audience.</span></p> <p><strong><span><span class="badge rounded-pill bg-danger"><span aria-hidden="true" class="far fa-star"></span></span></span> Boolean variables/methods should be named to sound like booleans</strong></p> <pre><code class="hljs java"><span><span class="hljs-comment">//variables</span>
 </span><span>isSet, isVisible, isFinished, isFound, isOpen, hasData, wasOpen
@@ -803,7 +803,7 @@
 </svg>
 
     </div>
-    </button></div></pre></div> <h2 id="references">References<a href="#references" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li>Oracle's Java Style Guide <a href="https://www.oracle.com/docs/tech/java/codeconventions.pdf">https://www.oracle.com/docs/tech/java/codeconventions.pdf</a></li> <li>Google's Java Style Guide <a href="https://google.github.io/styleguide/javaguide.html">https://google.github.io/styleguide/javaguide.html</a></li></ol> <h2 id="contributors">Contributors<a href="#contributors" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li>Nimantha Baranasuriya - Initial draft</li> <li>Dai Thanh - Further tweaks</li> <li>Tong Chun Kit - Further tweaks</li> <li>Barnabas Tan - Converted from Google Docs to Markdown Document</li></ul></div><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#java-coding-standard-basic" data-v-e6005420>Java coding standard (basic)‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#naming" data-v-e6005420>Naming‎</a> <a class="nav-link py-1" href="#layout" data-v-e6005420>Layout‎</a> <a class="nav-link py-1" href="#statements" data-v-e6005420>Statements‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#package-and-import-statements" data-v-e6005420>Package and Import Statements‎</a> <a class="nav-link py-1" href="#types" data-v-e6005420>Types‎</a> <a class="nav-link py-1" href="#loops" data-v-e6005420>Loops‎</a> <a class="nav-link py-1" href="#conditionals" data-v-e6005420>Conditionals‎</a></nav> <a class="nav-link py-1" href="#comments" data-v-e6005420>Comments‎</a> <a class="nav-link py-1" href="#references" data-v-e6005420>References‎</a> <a class="nav-link py-1" href="#contributors" data-v-e6005420>Contributors‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+    </button></div></pre></div> <h2 id="references">References<a href="#references" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li>Oracle's Java Style Guide <a href="https://www.oracle.com/docs/tech/java/codeconventions.pdf">https://www.oracle.com/docs/tech/java/codeconventions.pdf</a></li> <li>Google's Java Style Guide <a href="https://google.github.io/styleguide/javaguide.html">https://google.github.io/styleguide/javaguide.html</a></li></ol> <h2 id="contributors">Contributors<a href="#contributors" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li>Nimantha Baranasuriya - Initial draft</li> <li>Dai Thanh - Further tweaks</li> <li>Tong Chun Kit - Further tweaks</li> <li>Barnabas Tan - Converted from Google Docs to Markdown Document</li></ul></div><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#java-coding-standard-basic" data-v-e6005420>Java coding standard (basic)‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#naming" data-v-e6005420>Naming‎</a> <a class="nav-link py-1" href="#layout" data-v-e6005420>Layout‎</a> <a class="nav-link py-1" href="#statements" data-v-e6005420>Statements‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#package-and-import-statements" data-v-e6005420>Package and Import Statements‎</a> <a class="nav-link py-1" href="#types" data-v-e6005420>Types‎</a> <a class="nav-link py-1" href="#loops" data-v-e6005420>Loops‎</a> <a class="nav-link py-1" href="#conditionals" data-v-e6005420>Conditionals‎</a></nav> <a class="nav-link py-1" href="#comments" data-v-e6005420>Comments‎</a> <a class="nav-link py-1" href="#references" data-v-e6005420>References‎</a> <a class="nav-link py-1" href="#contributors" data-v-e6005420>Contributors‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/conventions/java/basic.page-vue-render.js b/conventions/java/basic.page-vue-render.js
index 2d566723..30f6366e 100644
--- a/conventions/java/basic.page-vue-render.js
+++ b/conventions/java/basic.page-vue-render.js
@@ -65,7 +65,7 @@ with(this){return _c('code',{pre:true,attrs:{"class":"hljs java"}},[_c('span',[_
 with(this){return _c('p',[_v("Underscores may be used in test method names using the following three part format "),_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("featureUnderTest_testScenario_expectedBehavior()")])])])}
 },function anonymous(
 ) {
-with(this){return _c('p',[_v("e.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortList_emptyList_exceptionThrown()")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("getMember_memberNotFount_nullReturned")])])}
+with(this){return _c('p',[_v("e.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortList_emptyList_exceptionThrown()")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("getMember_memberNotFound_nullReturned")])])}
 },function anonymous(
 ) {
 with(this){return _c('p',[_v("Third part or both second and third parts can be omitted depending on what's covered in the test.\nFor example, the test method "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortList_emptyList()")]),_v(" will test "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortList()")]),_v(" method for all variations of the 'empty list'\nscenario and the test method "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortList()")]),_v(" will test the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortList()")]),_v(" method for all scenarios.")])}
@@ -374,6 +374,6 @@ with(this){return _c('h2',{attrs:{"id":"contributors"}},[_v("Contributors"),_c('
 with(this){return _c('ul',[_c('li',[_v("Nimantha Baranasuriya - Initial draft")]),_v(" "),_c('li',[_v("Dai Thanh - Further tweaks")]),_v(" "),_c('li',[_v("Tong Chun Kit - Further tweaks")]),_v(" "),_c('li',[_v("Barnabas Tan - Converted from Google Docs to Markdown Document")])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/conventions/java/index.html b/conventions/java/index.html
index 41ac24c1..844523cf 100644
--- a/conventions/java/index.html
+++ b/conventions/java/index.html
@@ -103,7 +103,7 @@
 </svg>
 
     </div>
-    </button></div></pre><p>Underscores may be used in test method names using the following three part format <strong><code class="hljs inline no-lang">featureUnderTest_testScenario_expectedBehavior()</code></strong></p> <p>e.g. <code class="hljs inline no-lang">sortList_emptyList_exceptionThrown()</code> <code class="hljs inline no-lang">getMember_memberNotFount_nullReturned</code></p> <p>Third part or both second and third parts can be omitted depending on what's covered in the test.
+    </button></div></pre><p>Underscores may be used in test method names using the following three part format <strong><code class="hljs inline no-lang">featureUnderTest_testScenario_expectedBehavior()</code></strong></p> <p>e.g. <code class="hljs inline no-lang">sortList_emptyList_exceptionThrown()</code> <code class="hljs inline no-lang">getMember_memberNotFound_nullReturned</code></p> <p>Third part or both second and third parts can be omitted depending on what's covered in the test.
 For example, the test method <code class="hljs inline no-lang">sortList_emptyList()</code> will test <code class="hljs inline no-lang">sortList()</code> method for all variations of the 'empty list'
 scenario and the test method <code class="hljs inline no-lang">sortList()</code> will test the <code class="hljs inline no-lang">sortList()</code> method for all scenarios.</p> <div tags="level--intermediate"><p><strong><span><span class="badge rounded-pill bg-warning text-white"><span aria-hidden="true" class="far fa-star"></span><span aria-hidden="true" class="far fa-star"></span></span></span> Abbreviations and acronyms should not be uppercase when used as a part of a name.</strong></p> <div class="row"><div class="col"><p><span style="color:green;"><span><strong><span aria-hidden="true" class="fas fa-thumbs-up"></span> Good</strong></span></span></p> <pre><code class="hljs java"><span>exportHtmlSource();
 </span><span>openDvdPlayer();
@@ -1204,7 +1204,7 @@
 </svg>
 
     </div>
-    </button></div></pre></div> <h2 id="references">References<a href="#references" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li>Oracle's Java Style Guide <a href="https://www.oracle.com/docs/tech/java/codeconventions.pdf">https://www.oracle.com/docs/tech/java/codeconventions.pdf</a></li> <li>Google's Java Style Guide <a href="https://google.github.io/styleguide/javaguide.html">https://google.github.io/styleguide/javaguide.html</a></li></ol> <h2 id="contributors">Contributors<a href="#contributors" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li>Nimantha Baranasuriya - Initial draft</li> <li>Dai Thanh - Further tweaks</li> <li>Tong Chun Kit - Further tweaks</li> <li>Barnabas Tan - Converted from Google Docs to Markdown Document</li></ul></div><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#java-coding-standard-all" data-v-e6005420>Java coding standard (all)‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#naming" data-v-e6005420>Naming‎</a> <a class="nav-link py-1" href="#layout" data-v-e6005420>Layout‎</a> <a class="nav-link py-1" href="#statements" data-v-e6005420>Statements‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#package-and-import-statements" data-v-e6005420>Package and Import Statements‎</a> <a class="nav-link py-1" href="#classes-and-interfaces" data-v-e6005420>Classes and Interfaces‎</a> <a class="nav-link py-1" href="#methods" data-v-e6005420>Methods‎</a> <a class="nav-link py-1" href="#types" data-v-e6005420>Types‎</a> <a class="nav-link py-1" href="#variables" data-v-e6005420>Variables‎</a> <a class="nav-link py-1" href="#loops" data-v-e6005420>Loops‎</a> <a class="nav-link py-1" href="#conditionals" data-v-e6005420>Conditionals‎</a></nav> <a class="nav-link py-1" href="#comments" data-v-e6005420>Comments‎</a> <a class="nav-link py-1" href="#references" data-v-e6005420>References‎</a> <a class="nav-link py-1" href="#contributors" data-v-e6005420>Contributors‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+    </button></div></pre></div> <h2 id="references">References<a href="#references" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li>Oracle's Java Style Guide <a href="https://www.oracle.com/docs/tech/java/codeconventions.pdf">https://www.oracle.com/docs/tech/java/codeconventions.pdf</a></li> <li>Google's Java Style Guide <a href="https://google.github.io/styleguide/javaguide.html">https://google.github.io/styleguide/javaguide.html</a></li></ol> <h2 id="contributors">Contributors<a href="#contributors" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li>Nimantha Baranasuriya - Initial draft</li> <li>Dai Thanh - Further tweaks</li> <li>Tong Chun Kit - Further tweaks</li> <li>Barnabas Tan - Converted from Google Docs to Markdown Document</li></ul></div><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#java-coding-standard-all" data-v-e6005420>Java coding standard (all)‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#naming" data-v-e6005420>Naming‎</a> <a class="nav-link py-1" href="#layout" data-v-e6005420>Layout‎</a> <a class="nav-link py-1" href="#statements" data-v-e6005420>Statements‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#package-and-import-statements" data-v-e6005420>Package and Import Statements‎</a> <a class="nav-link py-1" href="#classes-and-interfaces" data-v-e6005420>Classes and Interfaces‎</a> <a class="nav-link py-1" href="#methods" data-v-e6005420>Methods‎</a> <a class="nav-link py-1" href="#types" data-v-e6005420>Types‎</a> <a class="nav-link py-1" href="#variables" data-v-e6005420>Variables‎</a> <a class="nav-link py-1" href="#loops" data-v-e6005420>Loops‎</a> <a class="nav-link py-1" href="#conditionals" data-v-e6005420>Conditionals‎</a></nav> <a class="nav-link py-1" href="#comments" data-v-e6005420>Comments‎</a> <a class="nav-link py-1" href="#references" data-v-e6005420>References‎</a> <a class="nav-link py-1" href="#contributors" data-v-e6005420>Contributors‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/conventions/java/index.page-vue-render.js b/conventions/java/index.page-vue-render.js
index f2b42f18..e88f8c6f 100644
--- a/conventions/java/index.page-vue-render.js
+++ b/conventions/java/index.page-vue-render.js
@@ -65,7 +65,7 @@ with(this){return _c('code',{pre:true,attrs:{"class":"hljs java"}},[_c('span',[_
 with(this){return _c('p',[_v("Underscores may be used in test method names using the following three part format "),_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("featureUnderTest_testScenario_expectedBehavior()")])])])}
 },function anonymous(
 ) {
-with(this){return _c('p',[_v("e.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortList_emptyList_exceptionThrown()")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("getMember_memberNotFount_nullReturned")])])}
+with(this){return _c('p',[_v("e.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortList_emptyList_exceptionThrown()")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("getMember_memberNotFound_nullReturned")])])}
 },function anonymous(
 ) {
 with(this){return _c('p',[_v("Third part or both second and third parts can be omitted depending on what's covered in the test.\nFor example, the test method "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortList_emptyList()")]),_v(" will test "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortList()")]),_v(" method for all variations of the 'empty list'\nscenario and the test method "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortList()")]),_v(" will test the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortList()")]),_v(" method for all scenarios.")])}
@@ -569,6 +569,6 @@ with(this){return _c('h2',{attrs:{"id":"contributors"}},[_v("Contributors"),_c('
 with(this){return _c('ul',[_c('li',[_v("Nimantha Baranasuriya - Initial draft")]),_v(" "),_c('li',[_v("Dai Thanh - Further tweaks")]),_v(" "),_c('li',[_v("Tong Chun Kit - Further tweaks")]),_v(" "),_c('li',[_v("Barnabas Tan - Converted from Google Docs to Markdown Document")])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/conventions/java/intermediate.html b/conventions/java/intermediate.html
index f21f1b4f..af651127 100644
--- a/conventions/java/intermediate.html
+++ b/conventions/java/intermediate.html
@@ -102,7 +102,7 @@
 </svg>
 
     </div>
-    </button></div></pre><p>Underscores may be used in test method names using the following three part format <strong><code class="hljs inline no-lang">featureUnderTest_testScenario_expectedBehavior()</code></strong></p> <p>e.g. <code class="hljs inline no-lang">sortList_emptyList_exceptionThrown()</code> <code class="hljs inline no-lang">getMember_memberNotFount_nullReturned</code></p> <p>Third part or both second and third parts can be omitted depending on what's covered in the test.
+    </button></div></pre><p>Underscores may be used in test method names using the following three part format <strong><code class="hljs inline no-lang">featureUnderTest_testScenario_expectedBehavior()</code></strong></p> <p>e.g. <code class="hljs inline no-lang">sortList_emptyList_exceptionThrown()</code> <code class="hljs inline no-lang">getMember_memberNotFound_nullReturned</code></p> <p>Third part or both second and third parts can be omitted depending on what's covered in the test.
 For example, the test method <code class="hljs inline no-lang">sortList_emptyList()</code> will test <code class="hljs inline no-lang">sortList()</code> method for all variations of the 'empty list'
 scenario and the test method <code class="hljs inline no-lang">sortList()</code> will test the <code class="hljs inline no-lang">sortList()</code> method for all scenarios.</p> <div tags="level--intermediate"><p><strong><span><span class="badge rounded-pill bg-warning text-white"><span aria-hidden="true" class="far fa-star"></span><span aria-hidden="true" class="far fa-star"></span></span></span> Abbreviations and acronyms should not be uppercase when used as a part of a name.</strong></p> <div class="row"><div class="col"><p><span style="color:green;"><span><strong><span aria-hidden="true" class="fas fa-thumbs-up"></span> Good</strong></span></span></p> <pre><code class="hljs java"><span>exportHtmlSource();
 </span><span>openDvdPlayer();
@@ -1109,7 +1109,7 @@
 </svg>
 
     </div>
-    </button></div></pre></div> <h2 id="references">References<a href="#references" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li>Oracle's Java Style Guide <a href="https://www.oracle.com/docs/tech/java/codeconventions.pdf">https://www.oracle.com/docs/tech/java/codeconventions.pdf</a></li> <li>Google's Java Style Guide <a href="https://google.github.io/styleguide/javaguide.html">https://google.github.io/styleguide/javaguide.html</a></li></ol> <h2 id="contributors">Contributors<a href="#contributors" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li>Nimantha Baranasuriya - Initial draft</li> <li>Dai Thanh - Further tweaks</li> <li>Tong Chun Kit - Further tweaks</li> <li>Barnabas Tan - Converted from Google Docs to Markdown Document</li></ul></div><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#java-coding-standard-basic-intermediate" data-v-e6005420>Java coding standard (basic + intermediate)‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#naming" data-v-e6005420>Naming‎</a> <a class="nav-link py-1" href="#layout" data-v-e6005420>Layout‎</a> <a class="nav-link py-1" href="#statements" data-v-e6005420>Statements‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#package-and-import-statements" data-v-e6005420>Package and Import Statements‎</a> <a class="nav-link py-1" href="#types" data-v-e6005420>Types‎</a> <a class="nav-link py-1" href="#variables" data-v-e6005420>Variables‎</a> <a class="nav-link py-1" href="#loops" data-v-e6005420>Loops‎</a> <a class="nav-link py-1" href="#conditionals" data-v-e6005420>Conditionals‎</a></nav> <a class="nav-link py-1" href="#comments" data-v-e6005420>Comments‎</a> <a class="nav-link py-1" href="#references" data-v-e6005420>References‎</a> <a class="nav-link py-1" href="#contributors" data-v-e6005420>Contributors‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+    </button></div></pre></div> <h2 id="references">References<a href="#references" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li>Oracle's Java Style Guide <a href="https://www.oracle.com/docs/tech/java/codeconventions.pdf">https://www.oracle.com/docs/tech/java/codeconventions.pdf</a></li> <li>Google's Java Style Guide <a href="https://google.github.io/styleguide/javaguide.html">https://google.github.io/styleguide/javaguide.html</a></li></ol> <h2 id="contributors">Contributors<a href="#contributors" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li>Nimantha Baranasuriya - Initial draft</li> <li>Dai Thanh - Further tweaks</li> <li>Tong Chun Kit - Further tweaks</li> <li>Barnabas Tan - Converted from Google Docs to Markdown Document</li></ul></div><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#java-coding-standard-basic-intermediate" data-v-e6005420>Java coding standard (basic + intermediate)‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#naming" data-v-e6005420>Naming‎</a> <a class="nav-link py-1" href="#layout" data-v-e6005420>Layout‎</a> <a class="nav-link py-1" href="#statements" data-v-e6005420>Statements‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#package-and-import-statements" data-v-e6005420>Package and Import Statements‎</a> <a class="nav-link py-1" href="#types" data-v-e6005420>Types‎</a> <a class="nav-link py-1" href="#variables" data-v-e6005420>Variables‎</a> <a class="nav-link py-1" href="#loops" data-v-e6005420>Loops‎</a> <a class="nav-link py-1" href="#conditionals" data-v-e6005420>Conditionals‎</a></nav> <a class="nav-link py-1" href="#comments" data-v-e6005420>Comments‎</a> <a class="nav-link py-1" href="#references" data-v-e6005420>References‎</a> <a class="nav-link py-1" href="#contributors" data-v-e6005420>Contributors‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/conventions/java/intermediate.page-vue-render.js b/conventions/java/intermediate.page-vue-render.js
index d1faaeef..5702f0f8 100644
--- a/conventions/java/intermediate.page-vue-render.js
+++ b/conventions/java/intermediate.page-vue-render.js
@@ -65,7 +65,7 @@ with(this){return _c('code',{pre:true,attrs:{"class":"hljs java"}},[_c('span',[_
 with(this){return _c('p',[_v("Underscores may be used in test method names using the following three part format "),_c('strong',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("featureUnderTest_testScenario_expectedBehavior()")])])])}
 },function anonymous(
 ) {
-with(this){return _c('p',[_v("e.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortList_emptyList_exceptionThrown()")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("getMember_memberNotFount_nullReturned")])])}
+with(this){return _c('p',[_v("e.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortList_emptyList_exceptionThrown()")]),_v(" "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("getMember_memberNotFound_nullReturned")])])}
 },function anonymous(
 ) {
 with(this){return _c('p',[_v("Third part or both second and third parts can be omitted depending on what's covered in the test.\nFor example, the test method "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortList_emptyList()")]),_v(" will test "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortList()")]),_v(" method for all variations of the 'empty list'\nscenario and the test method "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortList()")]),_v(" will test the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("sortList()")]),_v(" method for all scenarios.")])}
@@ -506,6 +506,6 @@ with(this){return _c('h2',{attrs:{"id":"contributors"}},[_v("Contributors"),_c('
 with(this){return _c('ul',[_c('li',[_v("Nimantha Baranasuriya - Initial draft")]),_v(" "),_c('li',[_v("Dai Thanh - Further tweaks")]),_v(" "),_c('li',[_v("Tong Chun Kit - Further tweaks")]),_v(" "),_c('li',[_v("Barnabas Tan - Converted from Google Docs to Markdown Document")])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/conventions/java/logging.html b/conventions/java/logging.html
index df700c98..f35743ed 100644
--- a/conventions/java/logging.html
+++ b/conventions/java/logging.html
@@ -17,7 +17,7 @@
 <body >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="https://se-education.org" title="SE-EDU" class="navbar-brand" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fas fa-chevron-circle-left" data-v-73b4aa16></span> <strong data-v-73b4aa16><strong data-v-73b4aa16>SE-EDU</strong></strong></span></a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/guides/index.html" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><strong data-v-73b4aa16>Home</strong></span></a></li> <li data-v-73b4aa16><a href="/guides/about.html" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><strong data-v-73b4aa16>About</strong></span></a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/guides" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li class="nav-link" data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search this site" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       Search this site
-    </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper" class="fixed-header-padding"><h1 id="guides-for-se-student-projects"><span class="text-dark"><strong><strong>Guides for SE student projects »</strong></strong></span><a href="#guides-for-se-student-projects" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p></p><h1 id="java-logging-conventions">Java logging conventions<a href="#java-logging-conventions" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p>We recommend using <code class="hljs inline no-lang">java.util.logging</code> package for logging.</p> <p><strong>Logging Levels</strong></p> <ul><li><code class="hljs inline no-lang">SEVERE</code>: A critical problem detected which may cause the termination of the application.</li> <li><code class="hljs inline no-lang">WARNING</code>: Can continue, but with caution.</li> <li><code class="hljs inline no-lang">INFO</code>: Information showing the noteworthy actions by the App.</li> <li><code class="hljs inline no-lang">FINE</code>: Details that is not usually noteworthy but may be useful in debugging e.g. print the actual list instead of just its size.</li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+    </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper" class="fixed-header-padding"><h1 id="guides-for-se-student-projects"><span class="text-dark"><strong><strong>Guides for SE student projects »</strong></strong></span><a href="#guides-for-se-student-projects" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p></p><h1 id="java-logging-conventions">Java logging conventions<a href="#java-logging-conventions" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p>We recommend using <code class="hljs inline no-lang">java.util.logging</code> package for logging.</p> <p><strong>Logging Levels</strong></p> <ul><li><code class="hljs inline no-lang">SEVERE</code>: A critical problem detected which may cause the termination of the application.</li> <li><code class="hljs inline no-lang">WARNING</code>: Can continue, but with caution.</li> <li><code class="hljs inline no-lang">INFO</code>: Information showing the noteworthy actions by the App.</li> <li><code class="hljs inline no-lang">FINE</code>: Details that is not usually noteworthy but may be useful in debugging e.g. print the actual list instead of just its size.</li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/conventions/java/logging.page-vue-render.js b/conventions/java/logging.page-vue-render.js
index e4952a9a..269d87f0 100644
--- a/conventions/java/logging.page-vue-render.js
+++ b/conventions/java/logging.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{staticClass:"fixed-header-padding",attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"guides-for-se-student-projects"}},[_c('span',{staticClass:"text-dark"},[_c('strong',[_c('strong',[_v("Guides for SE student projects »")])])]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#guides-for-se-student-projects","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p'),_c('h1',{attrs:{"id":"java-logging-conventions"}},[_v("Java logging conventions"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#java-logging-conventions","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("We recommend using "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("java.util.logging")]),_v(" package for logging.")]),_v(" "),_c('p',[_c('strong',[_v("Logging Levels")])]),_v(" "),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("SEVERE")]),_v(": A critical problem detected which may cause the termination of the application.")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("WARNING")]),_v(": Can continue, but with caution.")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("INFO")]),_v(": Information showing the noteworthy actions by the App.")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("FINE")]),_v(": Details that is not usually noteworthy but may be useful in debugging e.g. print the actual list instead of just its size.")])]),_c('p')])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/conventions/javascript.html b/conventions/javascript.html
index 05939bf6..47e59e89 100644
--- a/conventions/javascript.html
+++ b/conventions/javascript.html
@@ -17,7 +17,7 @@
 <body  data-bs-spy="scroll" data-bs-target="#mb-page-nav" data-bs-offset="100" >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="https://se-education.org" title="SE-EDU" class="navbar-brand" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fas fa-chevron-circle-left" data-v-73b4aa16></span> <strong data-v-73b4aa16><strong data-v-73b4aa16>SE-EDU</strong></strong></span></a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/guides/index.html" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><strong data-v-73b4aa16>Home</strong></span></a></li> <li data-v-73b4aa16><a href="/guides/about.html" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><strong data-v-73b4aa16>About</strong></span></a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/guides" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li class="nav-link" data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search this site" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       Search this site
-    </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper" class="fixed-header-padding"><h1 id="guides-for-se-student-projects"><span class="text-dark"><strong><strong>Guides for SE student projects »</strong></strong></span><a href="#guides-for-se-student-projects" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p></p><h1 id="javascript-coding-standard">JavaScript coding standard<a href="#javascript-coding-standard" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <ul><li><strong>Indentation</strong>: Use <mark>2 spaces</mark> (not tabs, not 4 spaces)</li> <li><strong>Maximum line length</strong>: soft limit = 110, <mark>hard limit = 120</mark></li> <li>For everything else, follow the <a href="https://github.com/airbnb/javascript/blob/master/README.md"><strong>Airbnb coding standard</strong></a>.</li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#javascript-coding-standard" data-v-e6005420>JavaScript coding standard‎</a> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+    </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper" class="fixed-header-padding"><h1 id="guides-for-se-student-projects"><span class="text-dark"><strong><strong>Guides for SE student projects »</strong></strong></span><a href="#guides-for-se-student-projects" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p></p><h1 id="javascript-coding-standard">JavaScript coding standard<a href="#javascript-coding-standard" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <ul><li><strong>Indentation</strong>: Use <mark>2 spaces</mark> (not tabs, not 4 spaces)</li> <li><strong>Maximum line length</strong>: soft limit = 110, <mark>hard limit = 120</mark></li> <li>For everything else, follow the <a href="https://github.com/airbnb/javascript/blob/master/README.md"><strong>Airbnb coding standard</strong></a>.</li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#javascript-coding-standard" data-v-e6005420>JavaScript coding standard‎</a> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/conventions/javascript.page-vue-render.js b/conventions/javascript.page-vue-render.js
index 6bec6826..468404c2 100644
--- a/conventions/javascript.page-vue-render.js
+++ b/conventions/javascript.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{staticClass:"fixed-header-padding",attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"guides-for-se-student-projects"}},[_c('span',{staticClass:"text-dark"},[_c('strong',[_c('strong',[_v("Guides for SE student projects »")])])]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#guides-for-se-student-projects","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p'),_c('h1',{attrs:{"id":"javascript-coding-standard"}},[_v("JavaScript coding standard"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#javascript-coding-standard","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ul',[_c('li',[_c('strong',[_v("Indentation")]),_v(": Use "),_c('mark',[_v("2 spaces")]),_v(" (not tabs, not 4 spaces)")]),_v(" "),_c('li',[_c('strong',[_v("Maximum line length")]),_v(": soft limit = 110, "),_c('mark',[_v("hard limit = 120")])]),_v(" "),_c('li',[_v("For everything else, follow the "),_c('a',{attrs:{"href":"https://github.com/airbnb/javascript/blob/master/README.md"}},[_c('strong',[_v("Airbnb coding standard")])]),_v(".")])]),_c('p')])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/conventions/markdown.html b/conventions/markdown.html
index 782fdf96..33eb92d0 100644
--- a/conventions/markdown.html
+++ b/conventions/markdown.html
@@ -280,7 +280,7 @@
 </svg>
 
     </div>
-    </button></div></pre></div></div></div><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+    </button></div></pre></div></div></div><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/conventions/markdown.page-vue-render.js b/conventions/markdown.page-vue-render.js
index 42f35e56..1ead9393 100644
--- a/conventions/markdown.page-vue-render.js
+++ b/conventions/markdown.page-vue-render.js
@@ -125,6 +125,6 @@ with(this){return _c('div',{staticClass:"col-sm-auto"},[_c('span',{staticStyle:{
 with(this){return _c('code',{pre:true,attrs:{"class":"hljs markdown"}},[_c('span',[_v("He "),_c('span',{pre:true,attrs:{"class":"hljs-emphasis"}},[_v("*really*")]),_v(" meant it.\n")])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/guidelines/PRs-reviewing.html b/guidelines/PRs-reviewing.html
index e27a2d80..ae31af19 100644
--- a/guidelines/PRs-reviewing.html
+++ b/guidelines/PRs-reviewing.html
@@ -24,7 +24,7 @@
 Option 1: <code class="hljs inline no-lang">This separation of X from Y is good</code> (or <code class="hljs inline no-lang">correct</code> or <code class="hljs inline no-lang">wrong</code> or <code class="hljs inline no-lang">bad</code>)<br>
 Option 2: <code class="hljs inline no-lang">I like how you separated X from Y</code> (or <code class="hljs inline no-lang">didn't like</code> or <code class="hljs inline no-lang">Not sure I like</code>)<br>
 The second one is less judgemental and less likely to cause the author to become defensive.</li> <li><strong>Feel free to ask for more info from the author</strong>, to help you understand the code/design. For example, you can ask why the author chose to write the code in a specific way.</li> <li><strong>You can also suggest alternatives for the author to consider.</strong><br>
-Combining this with the previous point, you can ask <code class="hljs inline no-lang">Any reason why you did it this way instead of that way?</code></li> <li><strong>Feel free to compliment the author when appropriate</strong> instead of focusing on negative things only.<br> <span class="dimmed">e.g., <em>hey, I like how clean this bit of code is</em> 👍</span></li> <li><strong>Say please, but don't say <em>please</em></strong>. Beware of overusing 'please' as it can be interpreted as a condescending tone. For example, someone can interpret <code class="hljs inline no-lang">Please use better variable names</code> as <code class="hljs inline no-lang">Please for the love of God can you use better variable names?</code>. Instead, you can say <code class="hljs inline no-lang">Perhaps a more intuitive variable name here?</code> which doesn't run any risk of misinterpretation.</li> <li><strong>No need to repeat the same comment <em>many</em> times</strong>. It's not the job of the reviewer to clean up after a sloppy author. If you notice the same problem in multiple places, after commenting an a few of them, you can simply say <code class="hljs inline no-lang">... I noticed the same issue in several other places too</code>.</li> <li><strong>Remember the <em>other</em> readers</strong>. PR comments can be read by people other than the reviewer and the author e.g., future programmers. Use regular English and avoid slang, colloquialisms, cultural references etc.</li></ul> <p><strong><strong>Further readings</strong></strong>:</p> <ul><li>Read the blog post <a href="https://developers.redhat.com/blog/2019/07/08/10-tips-for-reviewing-code-you-dont-like/"><strong>10 tips for reviewing code you don’t like</strong></a> - by David Lloyd (a Red Hat developer).</li></ul> <h2 id="best-practices-for-authors">Best practices for authors<a href="#best-practices-for-authors" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><strong>Don't get into arguments with reviewers.</strong> If you disagree with the reviewer, you can explain your own view in a non-confrontational way without trying to prove your way is better.</li> <li>Thank reviewers for their inputs.</li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#best-practices-for-reviewing-prs" data-v-e6005420>Best practices for reviewing PRs‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#best-practices-for-reviewers" data-v-e6005420>Best practices for reviewers‎</a> <a class="nav-link py-1" href="#best-practices-for-authors" data-v-e6005420>Best practices for authors‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+Combining this with the previous point, you can ask <code class="hljs inline no-lang">Any reason why you did it this way instead of that way?</code></li> <li><strong>Feel free to compliment the author when appropriate</strong> instead of focusing on negative things only.<br> <span class="dimmed">e.g., <em>hey, I like how clean this bit of code is</em> 👍</span></li> <li><strong>Say please, but don't say <em>please</em></strong>. Beware of overusing 'please' as it can be interpreted as a condescending tone. For example, someone can interpret <code class="hljs inline no-lang">Please use better variable names</code> as <code class="hljs inline no-lang">Please for the love of God can you use better variable names?</code>. Instead, you can say <code class="hljs inline no-lang">Perhaps a more intuitive variable name here?</code> which doesn't run any risk of misinterpretation.</li> <li><strong>No need to repeat the same comment <em>many</em> times</strong>. It's not the job of the reviewer to clean up after a sloppy author. If you notice the same problem in multiple places, after commenting an a few of them, you can simply say <code class="hljs inline no-lang">... I noticed the same issue in several other places too</code>.</li> <li><strong>Remember the <em>other</em> readers</strong>. PR comments can be read by people other than the reviewer and the author e.g., future programmers. Use regular English and avoid slang, colloquialisms, cultural references etc.</li></ul> <p><strong><strong>Further readings</strong></strong>:</p> <ul><li>Read the blog post <a href="https://developers.redhat.com/blog/2019/07/08/10-tips-for-reviewing-code-you-dont-like/"><strong>10 tips for reviewing code you don’t like</strong></a> - by David Lloyd (a Red Hat developer).</li></ul> <h2 id="best-practices-for-authors">Best practices for authors<a href="#best-practices-for-authors" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><strong>Don't get into arguments with reviewers.</strong> If you disagree with the reviewer, you can explain your own view in a non-confrontational way without trying to prove your way is better.</li> <li>Thank reviewers for their inputs.</li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#best-practices-for-reviewing-prs" data-v-e6005420>Best practices for reviewing PRs‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#best-practices-for-reviewers" data-v-e6005420>Best practices for reviewers‎</a> <a class="nav-link py-1" href="#best-practices-for-authors" data-v-e6005420>Best practices for authors‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/guidelines/PRs-reviewing.page-vue-render.js b/guidelines/PRs-reviewing.page-vue-render.js
index dc38f912..3475f27d 100644
--- a/guidelines/PRs-reviewing.page-vue-render.js
+++ b/guidelines/PRs-reviewing.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{staticClass:"fixed-header-padding",attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"guides-for-se-student-projects"}},[_c('span',{staticClass:"text-dark"},[_c('strong',[_c('strong',[_v("Guides for SE student projects »")])])]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#guides-for-se-student-projects","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p'),_c('h1',{attrs:{"id":"best-practices-for-reviewing-prs"}},[_v("Best practices for reviewing PRs"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#best-practices-for-reviewing-prs","onclick":"event.stopPropagation()"}})]),_v(" "),_c('div',{staticClass:"lead"},[_c('p',[_v("Reviewing PRs is not just about the code or the tools, "),_c('strong',[_v("the way you phrase your comments matters too")]),_v(", especially if you are a peer reviewer.")])]),_v(" "),_c('h2',{attrs:{"id":"best-practices-for-reviewers"}},[_v("Best practices for reviewers"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#best-practices-for-reviewers","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ul',[_c('li',[_c('strong',[_v("Add specific comments at relevant places of the code")]),_v(", rather than give one overall comment for the entire PR.\n"),_c('ul',[_c('li',[_v("It is typical for the comment to be added right below the code line it refers to."),_c('br'),_v("\nIt is possible to "),_c('a',{attrs:{"href":"https://twitter.com/natfriedman/status/1179097330097643521"}},[_v("mark multiple lines")]),_v(" as linked to the comment too.")]),_v(" "),_c('li',[_v("You can use Markdown (specifically, "),_c('a',{attrs:{"href":"https://guides.github.com/features/mastering-markdown/"}},[_v("GitHub-Flavored Markdown")]),_v(") in your comments.")])])]),_v(" "),_c('li',[_c('mark',[_c('strong',[_v("It's best to phrase comments as questions")])]),_v(", especially if you are a peer reviewer."),_c('br'),_v("\ne.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Should this be extracted out?")]),_v(" rather than "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Extract this out")]),_v(" or "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("This should be extracted out")]),_v(".")]),_v(" "),_c('li',[_c('strong',[_v("Say 'I like', not 'good/bad'")]),_v(". Consider these two alternatives:"),_c('br'),_v("\nOption 1: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("This separation of X from Y is good")]),_v(" (or "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("correct")]),_v(" or "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("wrong")]),_v(" or "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("bad")]),_v(")"),_c('br'),_v("\nOption 2: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("I like how you separated X from Y")]),_v(" (or "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("didn't like")]),_v(" or "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Not sure I like")]),_v(")"),_c('br'),_v("\nThe second one is less judgemental and less likely to cause the author to become defensive.")]),_v(" "),_c('li',[_c('strong',[_v("Feel free to ask for more info from the author")]),_v(", to help you understand the code/design. For example, you can ask why the author chose to write the code in a specific way.")]),_v(" "),_c('li',[_c('strong',[_v("You can also suggest alternatives for the author to consider.")]),_c('br'),_v("\nCombining this with the previous point, you can ask "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Any reason why you did it this way instead of that way?")])]),_v(" "),_c('li',[_c('strong',[_v("Feel free to compliment the author when appropriate")]),_v(" instead of focusing on negative things only."),_c('br'),_v(" "),_c('span',{staticClass:"dimmed"},[_v("e.g., "),_c('em',[_v("hey, I like how clean this bit of code is")]),_v(" 👍")])]),_v(" "),_c('li',[_c('strong',[_v("Say please, but don't say "),_c('em',[_v("please")])]),_v(". Beware of overusing 'please' as it can be interpreted as a condescending tone. For example, someone can interpret "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Please use better variable names")]),_v(" as "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Please for the love of God can you use better variable names?")]),_v(". Instead, you can say "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Perhaps a more intuitive variable name here?")]),_v(" which doesn't run any risk of misinterpretation.")]),_v(" "),_c('li',[_c('strong',[_v("No need to repeat the same comment "),_c('em',[_v("many")]),_v(" times")]),_v(". It's not the job of the reviewer to clean up after a sloppy author. If you notice the same problem in multiple places, after commenting an a few of them, you can simply say "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("... I noticed the same issue in several other places too")]),_v(".")]),_v(" "),_c('li',[_c('strong',[_v("Remember the "),_c('em',[_v("other")]),_v(" readers")]),_v(". PR comments can be read by people other than the reviewer and the author e.g., future programmers. Use regular English and avoid slang, colloquialisms, cultural references etc.")])]),_v(" "),_c('p',[_c('strong',[_c('strong',[_v("Further readings")])]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("Read the blog post "),_c('a',{attrs:{"href":"https://developers.redhat.com/blog/2019/07/08/10-tips-for-reviewing-code-you-dont-like/"}},[_c('strong',[_v("10 tips for reviewing code you don’t like")])]),_v(" - by David Lloyd (a Red Hat developer).")])]),_v(" "),_c('h2',{attrs:{"id":"best-practices-for-authors"}},[_v("Best practices for authors"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#best-practices-for-authors","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ul',[_c('li',[_c('strong',[_v("Don't get into arguments with reviewers.")]),_v(" If you disagree with the reviewer, you can explain your own view in a non-confrontational way without trying to prove your way is better.")]),_v(" "),_c('li',[_v("Thank reviewers for their inputs.")])]),_c('p')])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/guidelines/PRs.html b/guidelines/PRs.html
index 8d30e41f..29e36c2f 100644
--- a/guidelines/PRs.html
+++ b/guidelines/PRs.html
@@ -20,7 +20,7 @@
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper" class="fixed-header-padding"><h1 id="guides-for-se-student-projects"><span class="text-dark"><strong><strong>Guides for SE student projects »</strong></strong></span><a href="#guides-for-se-student-projects" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p></p><h1 id="guidelines-for-working-with-prs">Guidelines for working with PRs<a href="#guidelines-for-working-with-prs" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <h2 id="selecting-what-to-work-on">Selecting what to work on<a href="#selecting-what-to-work-on" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><strong>If submitting a PR for an existing issue,</strong> <ul><li>It's best for first time contributors to start by fixing an issue specifically labelled for first timers e.g., <code class="hljs inline no-lang">d.FirstTimers</code>, <code class="hljs inline no-lang">good first issue</code>.</li> <li>It's best to post in the issue to ask if it is OK for you to submit a PR for that issue and wait for approval.</li> <li>Check the issue discussion thread to see if there are <span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----> <!----></span> PRs for that issue. You can offer to PR for an issue that has <em>stalled</em> PRs i.e., there is a PRs submitted for that issue but the PR author seems to have stopped working on it.</li></ul></li> <li><strong>If the issue list does not contain what you want to work on,</strong> post an issue first and wait for it to be acknowledged. Otherwise you could end up fixing something that does not need fixing.</li></ul> <h2 id="scoping-a-pr">Scoping a PR<a href="#scoping-a-pr" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <div id="section-scoping-a-pr"><p><strong>General rule: try to keep PRs as small as possible</strong> because smaller PRs get merged faster.</p> <p><strong>A PR should contain a <em>single</em>, <em>standalone</em>, and <em>complete</em> change to the code base</strong>, unless in exceptional cases where the PR is part of a bigger change.</p> <ul><li><p><em>Single</em> means a PR <strong>should not try to fix more than one fix</strong>, unless there are multiple things that <em>must</em> be done together or not at all.</p> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-danger" data-v-4d146e2c><span aria-hidden="true" class="fas fa-exclamation-circle" data-v-4d146e2c></span></div> <div aria-hidden="true" class="vertical-divider alert-danger" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c> <p data-v-4d146e2c>Refrain from <span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----> <!----></span> in the neighboring code <strong data-v-4d146e2c>unless the line in concern is already touched by the PR</strong> (i.e., the housekeeping does not increase the line count of the PR).</p></div> <!----></div></div></div> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>Rationale: Imagine we decide to revert the PR for some reason. If a PR contains, unrelated changes or multiple independent changes, we will not be able to revert the offending change without losing the other changes as well.</p></div> <!----></div></div></div> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-success" data-v-4d146e2c><i class="fas fa-lightbulb" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>If you notice a need for housekeeping in the neighboring code as you do your PR, create an issue for it in the issue tracker.</p></div> <!----></div></div></div></li> <li><p><em>Standalone</em> means the PR <strong>should contain a meaningful change that moves the code base from one working state to another</strong>.</p></li> <li><p><em>Complete</em> means the PR <strong>should contain everything related to the change</strong>, including the following:</p> <ul><li>functional code</li> <li>code comments</li> <li>test cases</li> <li>user docs and developer docs</li></ul></li></ul> <div class="ml-4 alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-danger" data-v-4d146e2c><span aria-hidden="true" class="fas fa-exclamation-circle" data-v-4d146e2c></span></div> <div aria-hidden="true" class="vertical-divider alert-danger" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c> <p data-v-4d146e2c>&quot;This PR is just the code fix. I'll update tests and documentation in a separate PR&quot; is not acceptable!</p> <p data-v-4d146e2c>However, it is fine to push the functional code first to get early feedback, as long as the rest is added to the same PR later.</p></div> <!----></div></div></div></div> <h2 id="submitting-a-pr">Submitting a PR<a href="#submitting-a-pr" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>When submitting PRs, follow <a href="https://se-education.org/se-book/gitAndGithub/index.html#forking-workflow">the forking workflow</a>. A summary of the steps is given below.</p> <p><span class="badge bg-dark bigger-level0">Step 0</span> Do these steps if you haven't done them already:</p> <div class="indented-level2"><p><span class="badge bg-dark bigger-level0"> 0.1</span> <strong>Fork the upstream repo</strong>.</p> <p><span class="badge bg-dark bigger-level0"> 0.2</span> <strong>Clone the fork to your computer.</strong></p> <p><span class="badge bg-dark bigger-level0"> 0.3</span> <strong>Set up the dev environment as described in the project docs.</strong> Confirm the set up is correct.</p></div> <p><span class="badge bg-dark bigger-level0">Step 1</span> <strong>Create a branch from the <code class="hljs inline no-lang">master</code> branch</strong>, following the naming convention given.</p> <div class="indented-level1"><span minimized="" class="card-container" data-v-28900d6e><span class="morph" data-v-28900d6e><button class="morph-display-wrapper btn btn-outline-secondary" data-v-28900d6e><div class="minimal-caret-wrapper" data-v-28900d6e><span class="glyphicon glyphicon-chevron-right" data-v-28900d6e></span></div> <span class="card-title" data-v-28900d6e><p data-v-28900d6e><span data-v-28900d6e><span aria-hidden="true" class="glyphicon glyphicon-log-in" data-v-28900d6e></span></span> coding standards » Git » <strong data-v-28900d6e>Branch naming conventions</strong></p></span></button></span></span></div> <p></p> <p><span class="badge bg-dark bigger-level0">Step 2</span> <strong>Add your code to the branch</strong> while ensuring you follow these:</p> <ul><li>relevant coding standards (the full list is given <a href="/guides/index.html">here</a>)</li> <li>Commit message format</li></ul> <div class="indented-level1"><span minimized="" class="card-container" data-v-28900d6e><span class="morph" data-v-28900d6e><button class="morph-display-wrapper btn btn-outline-secondary" data-v-28900d6e><div class="minimal-caret-wrapper" data-v-28900d6e><span class="glyphicon glyphicon-chevron-right" data-v-28900d6e></span></div> <span class="card-title" data-v-28900d6e><p data-v-28900d6e><span data-v-28900d6e><span aria-hidden="true" class="glyphicon glyphicon-log-in" data-v-28900d6e></span></span> Conventions » Git » <strong data-v-28900d6e>Commit message subject</strong></p></span></button></span></span></div> <p></p> <div class="indented-level1"><span minimized="" class="card-container" data-v-28900d6e><span class="morph" data-v-28900d6e><button class="morph-display-wrapper btn btn-outline-secondary" data-v-28900d6e><div class="minimal-caret-wrapper" data-v-28900d6e><span class="glyphicon glyphicon-chevron-right" data-v-28900d6e></span></div> <span class="card-title" data-v-28900d6e><p data-v-28900d6e><span data-v-28900d6e><span aria-hidden="true" class="glyphicon glyphicon-log-in" data-v-28900d6e></span></span> Conventions » Git » <strong data-v-28900d6e>Commit message body</strong></p></span></button></span></span></div> <p></p> <ul><li>guidelines for commit organization</li></ul> <div class="indented-level1"><span minimized="" class="card-container" data-v-28900d6e><span class="morph" data-v-28900d6e><button class="morph-display-wrapper btn btn-outline-secondary" data-v-28900d6e><div class="minimal-caret-wrapper" data-v-28900d6e><span class="glyphicon glyphicon-chevron-right" data-v-28900d6e></span></div> <span class="card-title" data-v-28900d6e><p data-v-28900d6e><span data-v-28900d6e><span aria-hidden="true" class="glyphicon glyphicon-log-in" data-v-28900d6e></span></span> Guidelines » <strong data-v-28900d6e>Commit organization</strong></p></span></button></span></span></div> <p></p> <ul><li>PR scoping guidelines given above</li></ul> <div class="indented-level1"><span minimized="" class="card-container" data-v-28900d6e><span class="morph" data-v-28900d6e><button class="morph-display-wrapper btn btn-outline-secondary" data-v-28900d6e><div class="minimal-caret-wrapper" data-v-28900d6e><span class="glyphicon glyphicon-chevron-right" data-v-28900d6e></span></div> <span class="card-title" data-v-28900d6e><p data-v-28900d6e><span data-v-28900d6e><span aria-hidden="true" class="glyphicon glyphicon-log-in" data-v-28900d6e></span></span> This document » <strong data-v-28900d6e>Scoping a PR</strong></p></span></button></span></span></div> <p></p> <p><span class="badge bg-dark bigger-level0">Step 3</span> <strong>Sync your branch with the upstream master</strong>, if the <code class="hljs inline no-lang">master</code> branch advances while you work on your code (i.e., pull upstream <code class="hljs inline no-lang">master</code>, merge to your branch).</p> <p><span class="badge bg-dark bigger-level0">Step 4</span> <strong>Create a PR</strong> when the code is ready, as follows:</p> <ol><li>Run code style checks (if any) to ensure the code complies with the project standards.</li> <li>Push the branch to your fork.</li> <li>Create a <a href="https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/creating-a-pull-request"><mark>draft</mark> PR</a> from your fork to the upstream repo.</li> <li>Check the draft PR on GitHub to confirm the following:
 <ul><li>it follows the <a href="/guides/conventions/github.html">PR format conventions</a></li> <li>it does not contain any unintended changes.</li> <li>it passes <span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----> <!----></span> checks, if any.</li></ul></li> <li>Remove the 'draft' status of the PR. Post a <code class="hljs inline no-lang">ready for review</code> comment for good measure.</li></ol> <p><span class="badge bg-dark bigger-level0">Step 5</span> <strong>Revise as per reviews</strong> until the PR is merged.</p> <ul><li>Feel free to post a reminder comment if you don't get a review within 2-3 days.</li> <li>When you receive a review,
 <ol><li>Revise the code as per the review.</li> <li>Push the new code to the branch in your fork.</li> <li>Post a comment to indicate the PR is ready for a new review.</li></ol></li></ul> <h2 id="reviewing-a-pr">Reviewing a PR<a href="#reviewing-a-pr" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><p>If you are new to GitHub PRs, see <a href="https://help.github.com/en/articles/about-pull-request-reviews">GitHub help on how to review PRs</a>.</p></li> <li><p>Follow the best practices in the panel below:</p></li></ul> <div class="indented-level1"><span minimized="" class="card-container" data-v-28900d6e><span class="morph" data-v-28900d6e><button class="morph-display-wrapper btn btn-outline-secondary" data-v-28900d6e><div class="minimal-caret-wrapper" data-v-28900d6e><span class="glyphicon glyphicon-chevron-right" data-v-28900d6e></span></div> <span class="card-title" data-v-28900d6e><p data-v-28900d6e><span data-v-28900d6e><span aria-hidden="true" class="glyphicon glyphicon-log-in" data-v-28900d6e></span></span> Guidelines » <strong data-v-28900d6e>Best practices for reviewing PRs</strong></p></span></button></span></span></div> <p></p> <p></p> <ul><li><strong>Check for basic PR hygiene</strong>, and remind the PR author to rectify if necessary.
-<ul class="contains-task-list"><li class="task-list-item enabled"><input checked="checked" type="checkbox" class="task-list-item-checkbox"> contains a single, stand-alone, complete fix</li> <li class="task-list-item enabled"><input checked="checked" type="checkbox" class="task-list-item-checkbox"> relevant comments, dev/user docs, tests have been updated</li> <li class="task-list-item enabled"><input checked="checked" type="checkbox" class="task-list-item-checkbox"> PR title/description format is expected</li> <li class="task-list-item enabled"><input checked="checked" type="checkbox" class="task-list-item-checkbox"> doesn't contain unrelated changes</li></ul></li></ul> <p></p> <ul><li><strong>Before approving a PR, <mark>confirm that all your previous comments have been addressed</mark>.</strong></li></ul> <h2 id="merging-prs">Merging PRs<a href="#merging-prs" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Follow the convention for Git branch merging, as given in the panel below.</p> <div class="indented-level1"><span minimized="" class="card-container" data-v-28900d6e><span class="morph" data-v-28900d6e><button class="morph-display-wrapper btn btn-outline-secondary" data-v-28900d6e><div class="minimal-caret-wrapper" data-v-28900d6e><span class="glyphicon glyphicon-chevron-right" data-v-28900d6e></span></div> <span class="card-title" data-v-28900d6e><p data-v-28900d6e><span data-v-28900d6e><span aria-hidden="true" class="glyphicon glyphicon-log-in" data-v-28900d6e></span></span> Guidelines » Working with Git » <strong data-v-28900d6e>Branch merging strategy</strong></p></span></button></span></span></div> <p></p><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#guidelines-for-working-with-prs" data-v-e6005420>Guidelines for working with PRs‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#selecting-what-to-work-on" data-v-e6005420>Selecting what to work on‎</a> <a class="nav-link py-1" href="#scoping-a-pr" data-v-e6005420>Scoping a PR‎</a> <a class="nav-link py-1" href="#submitting-a-pr" data-v-e6005420>Submitting a PR‎</a> <a class="nav-link py-1" href="#reviewing-a-pr" data-v-e6005420>Reviewing a PR‎</a> <a class="nav-link py-1" href="#merging-prs" data-v-e6005420>Merging PRs‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+<ul class="contains-task-list"><li class="task-list-item enabled"><input checked="checked" type="checkbox" class="task-list-item-checkbox"> contains a single, stand-alone, complete fix</li> <li class="task-list-item enabled"><input checked="checked" type="checkbox" class="task-list-item-checkbox"> relevant comments, dev/user docs, tests have been updated</li> <li class="task-list-item enabled"><input checked="checked" type="checkbox" class="task-list-item-checkbox"> PR title/description format is expected</li> <li class="task-list-item enabled"><input checked="checked" type="checkbox" class="task-list-item-checkbox"> doesn't contain unrelated changes</li></ul></li></ul> <p></p> <ul><li><strong>Before approving a PR, <mark>confirm that all your previous comments have been addressed</mark>.</strong></li></ul> <h2 id="merging-prs">Merging PRs<a href="#merging-prs" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Follow the convention for Git branch merging, as given in the panel below.</p> <div class="indented-level1"><span minimized="" class="card-container" data-v-28900d6e><span class="morph" data-v-28900d6e><button class="morph-display-wrapper btn btn-outline-secondary" data-v-28900d6e><div class="minimal-caret-wrapper" data-v-28900d6e><span class="glyphicon glyphicon-chevron-right" data-v-28900d6e></span></div> <span class="card-title" data-v-28900d6e><p data-v-28900d6e><span data-v-28900d6e><span aria-hidden="true" class="glyphicon glyphicon-log-in" data-v-28900d6e></span></span> Guidelines » Working with Git » <strong data-v-28900d6e>Branch merging strategy</strong></p></span></button></span></span></div> <p></p><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#guidelines-for-working-with-prs" data-v-e6005420>Guidelines for working with PRs‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#selecting-what-to-work-on" data-v-e6005420>Selecting what to work on‎</a> <a class="nav-link py-1" href="#scoping-a-pr" data-v-e6005420>Scoping a PR‎</a> <a class="nav-link py-1" href="#submitting-a-pr" data-v-e6005420>Submitting a PR‎</a> <a class="nav-link py-1" href="#reviewing-a-pr" data-v-e6005420>Reviewing a PR‎</a> <a class="nav-link py-1" href="#merging-prs" data-v-e6005420>Merging PRs‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/guidelines/PRs.page-vue-render.js b/guidelines/PRs.page-vue-render.js
index 2c271bd6..ee72a47c 100644
--- a/guidelines/PRs.page-vue-render.js
+++ b/guidelines/PRs.page-vue-render.js
@@ -101,6 +101,6 @@ with(this){return _c('ul',[_c('li',[_c('strong',[_v("Before approving a PR, "),_
 with(this){return _c('h2',{attrs:{"id":"merging-prs"}},[_v("Merging PRs"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#merging-prs","onclick":"event.stopPropagation()"}})])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/guidelines/codeOfConduct.html b/guidelines/codeOfConduct.html
index 91977fc4..31be9be5 100644
--- a/guidelines/codeOfConduct.html
+++ b/guidelines/codeOfConduct.html
@@ -44,7 +44,7 @@
 obligated to maintain confidentiality with regard to the reporter of an incident.
 Further details of specific enforcement policies may be posted separately.</p> <p>Project maintainers who do not follow or enforce the Code of Conduct in good
 faith may face temporary or permanent repercussions as determined by other
-members of the project's leadership.</p><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#code-of-conduct-for-contributors" data-v-e6005420>Code of conduct for contributors‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#our-pledge" data-v-e6005420>Our pledge‎</a> <a class="nav-link py-1" href="#our-standards" data-v-e6005420>Our standards‎</a> <a class="nav-link py-1" href="#our-responsibilities" data-v-e6005420>Our responsibilities‎</a> <a class="nav-link py-1" href="#scope" data-v-e6005420>Scope‎</a> <a class="nav-link py-1" href="#enforcement" data-v-e6005420>Enforcement‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+members of the project's leadership.</p><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#code-of-conduct-for-contributors" data-v-e6005420>Code of conduct for contributors‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#our-pledge" data-v-e6005420>Our pledge‎</a> <a class="nav-link py-1" href="#our-standards" data-v-e6005420>Our standards‎</a> <a class="nav-link py-1" href="#our-responsibilities" data-v-e6005420>Our responsibilities‎</a> <a class="nav-link py-1" href="#scope" data-v-e6005420>Scope‎</a> <a class="nav-link py-1" href="#enforcement" data-v-e6005420>Enforcement‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/guidelines/codeOfConduct.page-vue-render.js b/guidelines/codeOfConduct.page-vue-render.js
index b88e00be..e35f730b 100644
--- a/guidelines/codeOfConduct.page-vue-render.js
+++ b/guidelines/codeOfConduct.page-vue-render.js
@@ -35,6 +35,6 @@ with(this){return _c('h2',{attrs:{"id":"enforcement"}},[_v("Enforcement"),_c('a'
 with(this){return _c('p',[_v("Instances of abusive, harassing, or otherwise unacceptable behavior may be\nreported by contacting the project team at "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("seer[at]comp.nus.edu.sg")]),_v(". All\ncomplaints will be reviewed and investigated and will result in a response that\nis deemed necessary and appropriate to the circumstances. The project team is\nobligated to maintain confidentiality with regard to the reporter of an incident.\nFurther details of specific enforcement policies may be posted separately.")])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/guidelines/commits.html b/guidelines/commits.html
index ed467e11..8fe445ee 100644
--- a/guidelines/commits.html
+++ b/guidelines/commits.html
@@ -20,7 +20,7 @@
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper" class="fixed-header-padding"><h1 id="guides-for-se-student-projects"><span class="text-dark"><strong><strong>Guides for SE student projects »</strong></strong></span><a href="#guides-for-se-student-projects" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p></p><h1 id="working-with-git">Working with Git<a href="#working-with-git" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <span id="section-organizing-commits"><h2 id="organizing-commits">Organizing commits<a href="#organizing-commits" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Commits in a branch or a PR is said to be <em>well-organized</em> if they have the following qualities:</p> <ul><li><p><strong>Each commit contains a single logical change, and this change must stand on its own.</strong> i.e. each commit has a single responsibility, and that responsibility must be fully carried out.<br>
 For example, if the commit message says <code class="hljs inline no-lang">Move delete() from Person class to Address class</code>, the commit cannot contain the addition of <code class="hljs inline no-lang">delete()</code> to <code class="hljs inline no-lang">Address</code> class only; it should also contain the deletion of <code class="hljs inline no-lang">delete()</code> from the <code class="hljs inline no-lang">Person</code> class for it to be a <em>complete</em> implementation what is stated in the commit message.</p></li> <li><p><strong>Each commit has a <em>well-written</em> commit message</strong> i.e., it follows <a href="/guides/conventions/git.html">these guidelines</a>.</p></li> <li><p><strong>Commits are ordered in a bottom-up fashion</strong>, each commit building on top of the previous one towards the end goal of the PR.</p> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>Rationale: Reviewers should be able to review one commit at a time.</p></div> <!----></div></div></div></li> <li><p><strong>Ideally, a commit does not modify more than 100 lines of code.</strong></p> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>Rationale: Bigger commits are harder to review.</p> <p data-v-4d146e2c><span aria-hidden="true" class="fas fa-quote-left" data-v-4d146e2c></span> &quot;Ask a programmer to review 10 lines of code, he'll find 10 issues. Ask him to do 500 lines and he'll say it
 looks good.&quot; --[<a href="https://twitter.com/girayozil/status/306836785739210752" data-v-4d146e2c>source</a>]</p></div> <!----></div></div></div> <p>Commits containing <em><em>mechanical changes</em></em> (e.g. automated refactorings, cut-paste type code movements, file renames, etc.),</p> <ul><li>should include only one <em>mechanical change</em>  per commit e.g., rename a single variable across the code base.</li> <li>should not contain other non-mechanical changes, unless unavoidable.</li> <li>can exceed 100 LoC.</li> <li>should have the description of the change in the commit message (so that the results can be reproduced).</li></ul></li> <li><p><strong>Every commit pass CI.</strong> when you merge a series of commits (without squashing), every commit in your push (not just the last commit) should pass CI.</p> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>Rationale: Build-breaking commits in the version history hinder the ability to use <code class="hljs inline no-lang" data-v-4d146e2c>git bisect</code> for locating bugs.</p></div> <!----></div></div></div></li></ul> <div class="alert box-container alert-info" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <!----> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><a href="https://github.com/se-edu/addressbook-level4/pull/237" data-v-4d146e2c>Here</a> is an example PR of commits that are organized as described above.</p></div> <!----></div></div></div> <p><strong>Refactor commits before pushing.</strong> It is unlikely that you can produce a series of commits that meet all the above criteria in the first try. In such cases, refactor commits until they meet the criteria. <a href="http://stackoverflow.com/a/1186549">This S/O post</a> describes how to refactor commits (even easier to do with visual tools such as SourceTree -- see <a href="https://www.youtube.com/watch?v=mBCJCuU3p7I">this video</a>).</p></span> <span id="section-merging-branches"><h2 id="merging-branches">Merging branches<a href="#merging-branches" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>When merging branch, the aim is to keep the version history neat so that it is easy to do things such as the following:</p> <ul data-v-4d146e2c><li data-v-4d146e2c>Find which commit introduced a bug using <code class="hljs inline no-lang" data-v-4d146e2c>git bisect</code>.</li> <li data-v-4d146e2c>Undo a specific change by reverting a commit in the history without breaking anything else.</li></ul></div> <!----></div></div></div> <ul><li><strong>The default strategy is to do a <em>squash-merge</em>.</strong> This is suitable when the branch tackles one task but multiple commits that are not well-organized (as per the definition of 'well-organized' in the panel below).</li></ul> <div class="indented-level1"><span minimized="" class="card-container" data-v-28900d6e><span class="morph" data-v-28900d6e><button class="morph-display-wrapper btn btn-outline-secondary" data-v-28900d6e><div class="minimal-caret-wrapper" data-v-28900d6e><span class="glyphicon glyphicon-chevron-right" data-v-28900d6e></span></div> <span class="card-title" data-v-28900d6e><p data-v-28900d6e><span data-v-28900d6e><span aria-hidden="true" class="glyphicon glyphicon-log-in" data-v-28900d6e></span></span> Guidelines » Working with git » <strong data-v-28900d6e>Organizing commits</strong></p></span></button></span></span></div> <p></p> <ul><li><p><strong>Use a <em>merge commit</em></strong> if the commits are well-organized, and the branch tackles only one task. In this case the commit message of the merge commit should explain the full task.</p></li> <li><p><strong>Use a <em>rebase-merge</em></strong> if the commits are well-organized and each commit is an independent task (as opposed to steps or a bigger tasks).</p></li> <li><p><strong>In other cases</strong>, consider reorganizing/splitting the branch to match one of the above.
-</p></li></ul></span><p></p><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#working-with-git" data-v-e6005420>Working with Git‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#organizing-commits" data-v-e6005420>Organizing commits‎</a> <a class="nav-link py-1" href="#merging-branches" data-v-e6005420>Merging branches‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+</p></li></ul></span><p></p><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#working-with-git" data-v-e6005420>Working with Git‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#organizing-commits" data-v-e6005420>Organizing commits‎</a> <a class="nav-link py-1" href="#merging-branches" data-v-e6005420>Merging branches‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/guidelines/commits.page-vue-render.js b/guidelines/commits.page-vue-render.js
index beee6c94..c645fd6b 100644
--- a/guidelines/commits.page-vue-render.js
+++ b/guidelines/commits.page-vue-render.js
@@ -50,6 +50,6 @@ with(this){return _c('ul',[_c('li',[_c('strong',[_v("The default strategy is to
 with(this){return _c('ul',[_c('li',[_c('p',[_c('strong',[_v("Use a "),_c('em',[_v("merge commit")])]),_v(" if the commits are well-organized, and the branch tackles only one task. In this case the commit message of the merge commit should explain the full task.")])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("Use a "),_c('em',[_v("rebase-merge")])]),_v(" if the commits are well-organized and each commit is an independent task (as opposed to steps or a bigger tasks).")])]),_v(" "),_c('li',[_c('p',[_c('strong',[_v("In other cases")]),_v(", consider reorganizing/splitting the branch to match one of the above.\n")])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/guidelines/labels.html b/guidelines/labels.html
index c75ea6cc..cb34f87c 100644
--- a/guidelines/labels.html
+++ b/guidelines/labels.html
@@ -27,7 +27,7 @@
 e.g. a request for help on setting up dev environment.</li></ul></li></ul> <h3 id="difficulty-d">Difficulty (<code class="hljs inline no-lang">d.</code>)<a href="#difficulty-d" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ul><li><code class="hljs inline no-lang">d.Easy</code>: For new contributors to do as their first PR. MUST be simple enough to be contained in one commit.</li> <li><code class="hljs inline no-lang">d.Moderate</code>: Moderate difficulty. Small localized change.</li> <li><code class="hljs inline no-lang">d.Hard</code>, <code class="hljs inline no-lang">d.VeryHard</code>: More difficult issues that are better left for committers or more senior developers.</li></ul> <h3 id="effort-e">Effort (<code class="hljs inline no-lang">e.</code>)<a href="#effort-e" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>This label can be used to indicate how much effort is expected for (or was spent on) an issue.</p> <p><code class="hljs inline no-lang">e.1</code> is roughly equal to an hour of work, <code class="hljs inline no-lang">e.2</code> is two hours of work, and so on. Recommended values: 1,2,4,8,16,32</p> <p>Effort labels can be applied to PRs indicate effort for reviewing (by the main reviewer). Those applied for issues can indicate
 the effort for fixing the issue.</p> <h3 id="aspect-a">Aspect (<code class="hljs inline no-lang">a-</code>)<a href="#aspect-a" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Classifies the issues based on the non-functional aspect it tackles. Some examples:</p> <div class="table-responsive"><table class="markbind-table table table-bordered table-striped"><thead><tr><th>Label</th> <th>Description</th></tr></thead> <tbody><tr><td><code class="hljs inline no-lang">a-AccessControl</code></td> <td>Controlling access to user groups, authentication, privacy, anonymity</td></tr> <tr><td><code class="hljs inline no-lang">a-CodeQuality</code></td> <td>Refactorings that are mainly to improve code/design quality</td></tr> <tr><td><code class="hljs inline no-lang">a-Concurrency</code></td> <td>Things related to concurrent access, session control</td></tr> <tr><td><code class="hljs inline no-lang">a-DevOps</code></td> <td>CI, release management, version control, dev docs</td></tr> <tr><td><code class="hljs inline no-lang">a-Docs</code></td> <td>User docs, product website</td></tr> <tr><td><code class="hljs inline no-lang">a-FaultTolerance</code></td> <td>Resilience to user errors, environmental problems</td></tr> <tr><td><code class="hljs inline no-lang">a-Performance</code></td> <td>Speed of operation</td></tr> <tr><td><code class="hljs inline no-lang">a-Persistence</code></td> <td>Saving data permanently</td></tr> <tr><td><code class="hljs inline no-lang">a-Scalability</code></td> <td>Related to behavior at increasing loads</td></tr> <tr><td><code class="hljs inline no-lang">a-Security</code></td> <td>Protection from security threats</td></tr> <tr><td><code class="hljs inline no-lang">a-Testing</code></td> <td>Testing efficiency and robustness (as opposed to testing a specific feature)</td></tr> <tr><td><code class="hljs inline no-lang">a-UIX</code></td> <td>User interface, User experience, Responsiveness</td></tr></tbody></table></div> <h3 id="feature-f">Feature (<code class="hljs inline no-lang">f-</code>)<a href="#feature-f" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Classifies the issue based on the feature it involves. These labels depend on the project.
 e.g. <code class="hljs inline no-lang">f-Admin</code>, <code class="hljs inline no-lang">f-Sessions</code>, <code class="hljs inline no-lang">f-Delete</code></p> <h3 id="tech-t">Tech (<code class="hljs inline no-lang">t-</code>)<a href="#tech-t" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Classifies the issue based on the tool/technology it involves. Some examples given below.</p> <div class="table-responsive"><table class="markbind-table table table-bordered table-striped"><thead><tr><th>Label</th> <th>Description</th></tr></thead> <tbody><tr><td><code class="hljs inline no-lang">t-CSS</code></td> <td>CSS, Bootstrap</td></tr> <tr><td><code class="hljs inline no-lang">t-HTML</code></td> <td>HTML, Browsers</td></tr> <tr><td><code class="hljs inline no-lang">t-JS</code></td> <td>Javascript, JQuery</td></tr> <tr><td><code class="hljs inline no-lang">t-JSTL</code></td> <td>JSTL, JSP, Servlets</td></tr></tbody></table></div> <h3 id="special-labels">Special labels<a href="#special-labels" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <ul><li><code class="hljs inline no-lang">good first issue</code>: for first time contributors (note that <a href="https://help.github.com/en/github/building-a-strong-community/encouraging-helpful-contributions-to-your-project-with-labels">GitHub treats this label in a special way</a>)</li> <li><code class="hljs inline no-lang">kudos</code>: to appreciate good work done in a PR</li></ul> <h2 id="other-guidelines">Other guidelines<a href="#other-guidelines" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li>When choosing label colors:
-<ul><li>Choose bright colors for labels that should get more attention. <a href="https://github.com/oss-generic/process/labels?sort=name-asc%5BHere%5D">https://github.com/oss-generic/process/labels?sort=name-asc[Here]</a> are some sample labels with suitable colors.</li> <li>Label groups that represent a scale (e.g., difficulty, effort, severity) can be given increasingly darker shades of the same color (<a href="https://github.com/oss-generic/process/labels?q=e.">example</a>)</li></ul></li> <li>Use UpperCamelCase for label names; Keep group prefixes short and use lower case.</li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#working-with-github-labels" data-v-e6005420>Working with GitHub labels‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#label-groups" data-v-e6005420>Label groups‎</a> <a class="nav-link py-1" href="#common-labels" data-v-e6005420>Common labels‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#priority-p" data-v-e6005420>Priority (p.)‎</a> <a class="nav-link py-1" href="#status-s" data-v-e6005420>Status (s.)‎</a> <a class="nav-link py-1" href="#category-c" data-v-e6005420>Category (c.)‎</a> <a class="nav-link py-1" href="#difficulty-d" data-v-e6005420>Difficulty (d.)‎</a> <a class="nav-link py-1" href="#effort-e" data-v-e6005420>Effort (e.)‎</a> <a class="nav-link py-1" href="#aspect-a" data-v-e6005420>Aspect (a-)‎</a> <a class="nav-link py-1" href="#feature-f" data-v-e6005420>Feature (f-)‎</a> <a class="nav-link py-1" href="#tech-t" data-v-e6005420>Tech (t-)‎</a> <a class="nav-link py-1" href="#special-labels" data-v-e6005420>Special labels‎</a></nav> <a class="nav-link py-1" href="#other-guidelines" data-v-e6005420>Other guidelines‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+<ul><li>Choose bright colors for labels that should get more attention. <a href="https://github.com/oss-generic/process/labels?sort=name-asc%5BHere%5D">https://github.com/oss-generic/process/labels?sort=name-asc[Here]</a> are some sample labels with suitable colors.</li> <li>Label groups that represent a scale (e.g., difficulty, effort, severity) can be given increasingly darker shades of the same color (<a href="https://github.com/oss-generic/process/labels?q=e.">example</a>)</li></ul></li> <li>Use UpperCamelCase for label names; Keep group prefixes short and use lower case.</li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#working-with-github-labels" data-v-e6005420>Working with GitHub labels‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#label-groups" data-v-e6005420>Label groups‎</a> <a class="nav-link py-1" href="#common-labels" data-v-e6005420>Common labels‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#priority-p" data-v-e6005420>Priority (p.)‎</a> <a class="nav-link py-1" href="#status-s" data-v-e6005420>Status (s.)‎</a> <a class="nav-link py-1" href="#category-c" data-v-e6005420>Category (c.)‎</a> <a class="nav-link py-1" href="#difficulty-d" data-v-e6005420>Difficulty (d.)‎</a> <a class="nav-link py-1" href="#effort-e" data-v-e6005420>Effort (e.)‎</a> <a class="nav-link py-1" href="#aspect-a" data-v-e6005420>Aspect (a-)‎</a> <a class="nav-link py-1" href="#feature-f" data-v-e6005420>Feature (f-)‎</a> <a class="nav-link py-1" href="#tech-t" data-v-e6005420>Tech (t-)‎</a> <a class="nav-link py-1" href="#special-labels" data-v-e6005420>Special labels‎</a></nav> <a class="nav-link py-1" href="#other-guidelines" data-v-e6005420>Other guidelines‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/guidelines/labels.page-vue-render.js b/guidelines/labels.page-vue-render.js
index 35ea4a71..859801a4 100644
--- a/guidelines/labels.page-vue-render.js
+++ b/guidelines/labels.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{staticClass:"fixed-header-padding",attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"guides-for-se-student-projects"}},[_c('span',{staticClass:"text-dark"},[_c('strong',[_c('strong',[_v("Guides for SE student projects »")])])]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#guides-for-se-student-projects","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p'),_c('h1',{attrs:{"id":"working-with-github-labels"}},[_v("Working with GitHub labels"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#working-with-github-labels","onclick":"event.stopPropagation()"}})]),_v(" "),_c('div',{staticClass:"lead"},[_c('p',[_v("As a project grows, issue/PR labels can play an increasingly important role in managing a large number of issues/PRs. This document has some guidelines that can improve consistency across projects and help make the use of labels more productive.")])]),_v(" "),_c('p',[_v("Unless mentioned otherwise, "),_c('em',[_v("labels are applied to issues only")]),_v(" (not PRs).")]),_v(" "),_c('h2',{attrs:{"id":"label-groups"}},[_v("Label groups"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#label-groups","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("While GitHub does not have the concept of label groups, we can simulate label groups using systematic label naming.\ni.e. labels having the same prefix are considered part of a label group.")]),_v(" "),_c('p',[_v("There are two types of label groups:")]),_v(" "),_c('ul',[_c('li',[_c('strong',[_v("Exclusive groups")]),_v(": No more than one label from the group can be applied to an issue")]),_v(" "),_c('li',[_c('strong',[_v("Non-exclusive groups")]),_v(": Multiple labels from a group can be applied to an issue")])]),_v(" "),_c('p',[_c('em',[_v("Common label groups")]),_v(":")]),_v(" "),_c('ul',[_c('li',[_v("exclusive: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("s.")]),_v(" status, "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("p.")]),_v(" priority, "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("c.")]),_v(" category, "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("d.")]),_v(" difficulty, "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("e.")]),_v(" effort,")]),_v(" "),_c('li',[_v("non-exclusive: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("a-")]),_v(" aspect, "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("f-")]),_v(" feature, "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("t-")]),_v(" tech,")])]),_v(" "),_c('h2',{attrs:{"id":"common-labels"}},[_v("Common labels"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#common-labels","onclick":"event.stopPropagation()"}})]),_v(" "),_c('h3',{attrs:{"id":"priority-p"}},[_v("Priority ("),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("p.")]),_v(")"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#priority-p","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("p.Critical")]),_v(": Would like to fix it ASAP and release as a hot patch.")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("p.Urgent")]),_v(": Would like to handle in the very next release.")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("p.High")]),_v(": Enhances user experience significantly, would like to do in the next few releases.")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("p.Medium")]),_v(": Marginal impact on user experience.")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("p.Low")]),_v(": Very little impact, unlikely to do in the near future.")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("p.Zero")]),_v(": Unlikely to do, ever.")])]),_v(" "),_c('p',[_v("NOTE: An issue is considered as "),_c('em',[_v("accepted")]),_v(" when a priority label has been assigned.")]),_v(" "),_c('h3',{attrs:{"id":"status-s"}},[_v("Status ("),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("s.")]),_v(")"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#status-s","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ul',[_c('li',[_v("Open issues\n"),_c('ul',[_c('li',[_v("No status: New issue yet to be triaged.")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("s.OnHold")]),_v(": The work on the issue has been put on hold pending some other event.")])])]),_v(" "),_c('li',[_v("Open PR\n"),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("s.ToReview")]),_v(": Waiting for the review.")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("s.Ongoing")]),_v(": The PR is being worked on.")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("s.ToMerge")]),_v(": Main reviewer approved the changes.")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("s.MergeApproved")]),_v(": Both main reviewer and the code quality reviewer has approved the merge. PR can be merged.")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("s.OnHold")]),_v(": The work on the PR has been put on hold pending some other event.")])])])]),_v(" "),_c('h3',{attrs:{"id":"category-c"}},[_v("Category ("),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("c.")]),_v(")"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#category-c","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ul',[_c('li',[_v("Changes to "),_c('em',[_v("functionality")]),_v(", categorized based on size\n"),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("c.Enhancement")]),_v(": An enhancement to an existing functionality (not big enough to be considered as a user story).")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("c.Story")]),_v(" : A user story."),_c('br'),_v("\nOR "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("c.Feature")]),_v(": A new feature.")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("c.Epic")]),_v(" or "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("c.Theme")]),_v(": A feature that be broken down into many user-stories/features.")])])]),_v(" "),_c('li',[_v("Other work\n"),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("c.Bug")])]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("c.Task")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("c.Chore")]),_v(": Other work items such as updating documentation.")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("c.Message")]),_v(": Issue used as a means of discussing something with the dev team."),_c('br'),_v("\ne.g. a request for help on setting up dev environment.")])])])]),_v(" "),_c('h3',{attrs:{"id":"difficulty-d"}},[_v("Difficulty ("),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("d.")]),_v(")"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#difficulty-d","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("d.Easy")]),_v(": For new contributors to do as their first PR. MUST be simple enough to be contained in one commit.")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("d.Moderate")]),_v(": Moderate difficulty. Small localized change.")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("d.Hard")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("d.VeryHard")]),_v(": More difficult issues that are better left for committers or more senior developers.")])]),_v(" "),_c('h3',{attrs:{"id":"effort-e"}},[_v("Effort ("),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("e.")]),_v(")"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#effort-e","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("This label can be used to indicate how much effort is expected for (or was spent on) an issue.")]),_v(" "),_c('p',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("e.1")]),_v(" is roughly equal to an hour of work, "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("e.2")]),_v(" is two hours of work, and so on. Recommended values: 1,2,4,8,16,32")]),_v(" "),_c('p',[_v("Effort labels can be applied to PRs indicate effort for reviewing (by the main reviewer). Those applied for issues can indicate\nthe effort for fixing the issue.")]),_v(" "),_c('h3',{attrs:{"id":"aspect-a"}},[_v("Aspect ("),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("a-")]),_v(")"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#aspect-a","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("Classifies the issues based on the non-functional aspect it tackles. Some examples:")]),_v(" "),_c('div',{staticClass:"table-responsive"},[_c('table',{staticClass:"markbind-table table table-bordered table-striped"},[_c('thead',[_c('tr',[_c('th',[_v("Label")]),_v(" "),_c('th',[_v("Description")])])]),_v(" "),_c('tbody',[_c('tr',[_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("a-AccessControl")])]),_v(" "),_c('td',[_v("Controlling access to user groups, authentication, privacy, anonymity")])]),_v(" "),_c('tr',[_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("a-CodeQuality")])]),_v(" "),_c('td',[_v("Refactorings that are mainly to improve code/design quality")])]),_v(" "),_c('tr',[_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("a-Concurrency")])]),_v(" "),_c('td',[_v("Things related to concurrent access, session control")])]),_v(" "),_c('tr',[_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("a-DevOps")])]),_v(" "),_c('td',[_v("CI, release management, version control, dev docs")])]),_v(" "),_c('tr',[_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("a-Docs")])]),_v(" "),_c('td',[_v("User docs, product website")])]),_v(" "),_c('tr',[_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("a-FaultTolerance")])]),_v(" "),_c('td',[_v("Resilience to user errors, environmental problems")])]),_v(" "),_c('tr',[_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("a-Performance")])]),_v(" "),_c('td',[_v("Speed of operation")])]),_v(" "),_c('tr',[_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("a-Persistence")])]),_v(" "),_c('td',[_v("Saving data permanently")])]),_v(" "),_c('tr',[_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("a-Scalability")])]),_v(" "),_c('td',[_v("Related to behavior at increasing loads")])]),_v(" "),_c('tr',[_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("a-Security")])]),_v(" "),_c('td',[_v("Protection from security threats")])]),_v(" "),_c('tr',[_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("a-Testing")])]),_v(" "),_c('td',[_v("Testing efficiency and robustness (as opposed to testing a specific feature)")])]),_v(" "),_c('tr',[_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("a-UIX")])]),_v(" "),_c('td',[_v("User interface, User experience, Responsiveness")])])])])]),_v(" "),_c('h3',{attrs:{"id":"feature-f"}},[_v("Feature ("),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("f-")]),_v(")"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#feature-f","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("Classifies the issue based on the feature it involves. These labels depend on the project.\ne.g. "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("f-Admin")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("f-Sessions")]),_v(", "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("f-Delete")])]),_v(" "),_c('h3',{attrs:{"id":"tech-t"}},[_v("Tech ("),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("t-")]),_v(")"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#tech-t","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("Classifies the issue based on the tool/technology it involves. Some examples given below.")]),_v(" "),_c('div',{staticClass:"table-responsive"},[_c('table',{staticClass:"markbind-table table table-bordered table-striped"},[_c('thead',[_c('tr',[_c('th',[_v("Label")]),_v(" "),_c('th',[_v("Description")])])]),_v(" "),_c('tbody',[_c('tr',[_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("t-CSS")])]),_v(" "),_c('td',[_v("CSS, Bootstrap")])]),_v(" "),_c('tr',[_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("t-HTML")])]),_v(" "),_c('td',[_v("HTML, Browsers")])]),_v(" "),_c('tr',[_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("t-JS")])]),_v(" "),_c('td',[_v("Javascript, JQuery")])]),_v(" "),_c('tr',[_c('td',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("t-JSTL")])]),_v(" "),_c('td',[_v("JSTL, JSP, Servlets")])])])])]),_v(" "),_c('h3',{attrs:{"id":"special-labels"}},[_v("Special labels"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#special-labels","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ul',[_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("good first issue")]),_v(": for first time contributors (note that "),_c('a',{attrs:{"href":"https://help.github.com/en/github/building-a-strong-community/encouraging-helpful-contributions-to-your-project-with-labels"}},[_v("GitHub treats this label in a special way")]),_v(")")]),_v(" "),_c('li',[_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("kudos")]),_v(": to appreciate good work done in a PR")])]),_v(" "),_c('h2',{attrs:{"id":"other-guidelines"}},[_v("Other guidelines"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#other-guidelines","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ul',[_c('li',[_v("When choosing label colors:\n"),_c('ul',[_c('li',[_v("Choose bright colors for labels that should get more attention. "),_c('a',{attrs:{"href":"https://github.com/oss-generic/process/labels?sort=name-asc%5BHere%5D"}},[_v("https://github.com/oss-generic/process/labels?sort=name-asc[Here]")]),_v(" are some sample labels with suitable colors.")]),_v(" "),_c('li',[_v("Label groups that represent a scale (e.g., difficulty, effort, severity) can be given increasingly darker shades of the same color ("),_c('a',{attrs:{"href":"https://github.com/oss-generic/process/labels?q=e."}},[_v("example")]),_v(")")])])]),_v(" "),_c('li',[_v("Use UpperCamelCase for label names; Keep group prefixes short and use lower case.")])]),_c('p')])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/index.html b/index.html
index 88cd1473..3e9bfe9d 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,7 @@
 <ul><li><a href="/guides/tutorials/jar.html"><strong>JAR files</strong></a></li> <li><a href="/guides/tutorials/javaFx.html"><strong>JavaFX</strong></a>:
 <ul><li><a href="/guides/tutorials/javaFxPart1.html">Part 1: Introduction</a></li> <li><a href="/guides/tutorials/javaFxPart2.html">Part 2: Creating a GUI for Duke</a></li> <li><a href="/guides/tutorials/javaFxPart3.html">Part 3: Interacting with the user</a></li> <li><a href="/guides/tutorials/javaFxPart4.html">Part 4: Using FXML</a></li></ul></li></ul></li> <li><strong>Intellij IDEA</strong>:
 <ul><li><a href="/guides/tutorials/intellijJdk.html">Configuring the JDK</a></li> <li><a href="/guides/tutorials/intellijImportGradleProject.html">Importing a Gradle project</a></li> <li><a href="/guides/tutorials/intellijCodeStyle.html">Configuring the code style</a></li> <li><a href="/guides/tutorials/intellijUsefulSettings.html">Useful settings</a></li></ul></li> <li><a href="/guides/tutorials/sourcetree.html"><strong>Sourcetree</strong></a></li> <li><strong>Testing</strong> <ul><li><a href="/guides/tutorials/textUiTesting.html">Automated testing of text UIs</a></li> <li><a href="/guides/tutorials/junit.html"><strong>JUnit</strong></a></li></ul></li> <li><a href="/guides/tutorials/githubActions.html"><strong>GitHub Actions</strong></a></li> <li><a href="/guides/tutorials/gradle.html"><strong>Gradle</strong></a></li> <li><strong>Project documentation</strong>:
-<ul><li><a href="/guides/tutorials/jekyll.html"><strong>Jekyll</strong></a></li> <li><a href="/guides/tutorials/markbind.html"><strong>MarkBind</strong></a> <ul><li><a href="/guides/tutorials/markbind-forked-sites.html">Working with forked MarkBind sites</a></li></ul></li> <li><a href="/guides/tutorials/netlify.html"><strong>Netlify</strong></a></li> <li><a href="/guides/tutorials/plantUml.html"><strong>PlantUML</strong></a></li> <li><a href="/guides/tutorials/savingPdf.html"><strong>Saving</strong> web documents as PDF files</a></li></ul></li></ul> <h2 id="conventions"><span class="thumb-wrapper thumb-circle" style="font-size:25px;color:white;background:#e67300;"><img width="" height="" alt="" class="thumb-image"> <span aria-hidden="true" class="fas fa-file-code"></span></span> Conventions<a href="#conventions" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Coding standards, format conventions, style guides, ...</p> <ul><li><a href="/guides/conventions/csharp.html"><strong>C#</strong> coding standard</a></li> <li><a href="/guides/conventions/css.html"><strong>CSS</strong> coding standard</a></li> <li><a href="/guides/conventions/files.html"><strong>Files/Folders</strong> naming</a></li> <li><a href="/guides/conventions/git.html"><strong>Git</strong> conventions</a></li> <li><a href="/guides/conventions/github.html"><strong>GitHub</strong> conventions</a></li> <li><a href="/guides/conventions/html.html"><strong>HTML</strong> coding standard</a></li> <li><strong>Java</strong> <ul><li><strong>coding standards</strong>: <a href="/guides/conventions/java/basic.html">basic</a> | <a href="/guides/conventions/java/intermediate.html">basic + intermediate</a> | <a href="/guides/conventions/java/index.html">all</a></li> <li><a href="/guides/conventions/java/logging.html"><strong>logging</strong> conventions</a></li></ul></li> <li><a href="/guides/conventions/javascript.html"><strong>JavaScript</strong> coding standard</a></li> <li><a href="/guides/conventions/markdown.html"><strong>Markdown</strong> coding standard</a></li></ul> <h2 id="guidelines"><span class="thumb-wrapper thumb-circle" style="font-size:25px;color:white;background:#e67300;"><img width="" height="" alt="" class="thumb-image"> <span aria-hidden="true" class="fas fa-map-signs"></span></span> Guidelines<a href="#guidelines" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Best practices, processes, workflows, ...</p> <ul><li><a href="/guides/guidelines/codeOfConduct.html"><strong>Code of conduct</strong></a><br></li> <li><a href="/guides/guidelines/commits.html"><strong>Working with Git</strong></a></li> <li><strong>GitHub:</strong> <ul><li><a href="/guides/guidelines/PRs.html">Working with <strong>PRs</strong></a> <ul><li><a href="/guides/guidelines/PRs-reviewing.html">Best practices for <strong>reviewing PRs</strong></a></li></ul></li> <li><a href="/guides/guidelines/labels.html">Working with <strong>labels</strong></a></li></ul></li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tutorials" data-v-e6005420> Tutorials‎</a> <a class="nav-link py-1" href="#conventions" data-v-e6005420> Conventions‎</a> <a class="nav-link py-1" href="#guidelines" data-v-e6005420> Guidelines‎</a> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+<ul><li><a href="/guides/tutorials/jekyll.html"><strong>Jekyll</strong></a></li> <li><a href="/guides/tutorials/markbind.html"><strong>MarkBind</strong></a> <ul><li><a href="/guides/tutorials/markbind-forked-sites.html">Working with forked MarkBind sites</a></li></ul></li> <li><a href="/guides/tutorials/netlify.html"><strong>Netlify</strong></a></li> <li><a href="/guides/tutorials/plantUml.html"><strong>PlantUML</strong></a></li> <li><a href="/guides/tutorials/savingPdf.html"><strong>Saving</strong> web documents as PDF files</a></li></ul></li></ul> <h2 id="conventions"><span class="thumb-wrapper thumb-circle" style="font-size:25px;color:white;background:#e67300;"><img width="" height="" alt="" class="thumb-image"> <span aria-hidden="true" class="fas fa-file-code"></span></span> Conventions<a href="#conventions" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Coding standards, format conventions, style guides, ...</p> <ul><li><a href="/guides/conventions/csharp.html"><strong>C#</strong> coding standard</a></li> <li><a href="/guides/conventions/css.html"><strong>CSS</strong> coding standard</a></li> <li><a href="/guides/conventions/files.html"><strong>Files/Folders</strong> naming</a></li> <li><a href="/guides/conventions/git.html"><strong>Git</strong> conventions</a></li> <li><a href="/guides/conventions/github.html"><strong>GitHub</strong> conventions</a></li> <li><a href="/guides/conventions/html.html"><strong>HTML</strong> coding standard</a></li> <li><strong>Java</strong> <ul><li><strong>coding standards</strong>: <a href="/guides/conventions/java/basic.html">basic</a> | <a href="/guides/conventions/java/intermediate.html">basic + intermediate</a> | <a href="/guides/conventions/java/index.html">all</a></li> <li><a href="/guides/conventions/java/logging.html"><strong>logging</strong> conventions</a></li></ul></li> <li><a href="/guides/conventions/javascript.html"><strong>JavaScript</strong> coding standard</a></li> <li><a href="/guides/conventions/markdown.html"><strong>Markdown</strong> coding standard</a></li></ul> <h2 id="guidelines"><span class="thumb-wrapper thumb-circle" style="font-size:25px;color:white;background:#e67300;"><img width="" height="" alt="" class="thumb-image"> <span aria-hidden="true" class="fas fa-map-signs"></span></span> Guidelines<a href="#guidelines" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Best practices, processes, workflows, ...</p> <ul><li><a href="/guides/guidelines/codeOfConduct.html"><strong>Code of conduct</strong></a><br></li> <li><a href="/guides/guidelines/commits.html"><strong>Working with Git</strong></a></li> <li><strong>GitHub:</strong> <ul><li><a href="/guides/guidelines/PRs.html">Working with <strong>PRs</strong></a> <ul><li><a href="/guides/guidelines/PRs-reviewing.html">Best practices for <strong>reviewing PRs</strong></a></li></ul></li> <li><a href="/guides/guidelines/labels.html">Working with <strong>labels</strong></a></li></ul></li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tutorials" data-v-e6005420> Tutorials‎</a> <a class="nav-link py-1" href="#conventions" data-v-e6005420> Conventions‎</a> <a class="nav-link py-1" href="#guidelines" data-v-e6005420> Guidelines‎</a> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/index.page-vue-render.js b/index.page-vue-render.js
index 2e494d78..ecd22f74 100644
--- a/index.page-vue-render.js
+++ b/index.page-vue-render.js
@@ -20,6 +20,6 @@ with(this){return _c('ul',[_c('li',[_c('a',{attrs:{"href":"/guides/conventions/c
 with(this){return _c('ul',[_c('li',[_c('a',{attrs:{"href":"/guides/guidelines/codeOfConduct.html"}},[_c('strong',[_v("Code of conduct")])]),_c('br')]),_v(" "),_c('li',[_c('a',{attrs:{"href":"/guides/guidelines/commits.html"}},[_c('strong',[_v("Working with Git")])])]),_v(" "),_c('li',[_c('strong',[_v("GitHub:")]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"/guides/guidelines/PRs.html"}},[_v("Working with "),_c('strong',[_v("PRs")])]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"/guides/guidelines/PRs-reviewing.html"}},[_v("Best practices for "),_c('strong',[_v("reviewing PRs")])])])])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"/guides/guidelines/labels.html"}},[_v("Working with "),_c('strong',[_v("labels")])])])])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/checkstyle.html b/tutorials/checkstyle.html
index b5c62443..4d83e315 100644
--- a/tutorials/checkstyle.html
+++ b/tutorials/checkstyle.html
@@ -42,7 +42,7 @@
 
     </div>
     </button></div></pre></div></div><p>Some relevant Gradle <em>tasks</em> added by the CheckStyle plugin.</p> <ul><li><code class="hljs inline no-lang">checkstyleMain</code>: checks if the main code complies with the style rules</li> <li><code class="hljs inline no-lang">checkstyleTest</code>: checks if the test code complies with the style rules</li></ul> <p>For example, you can run <code class="hljs inline no-lang">gradlew checkstyleMain checkstyleTest</code> to verify that all your code complies with the style rules.</p> <h2 id="using-checkstyle-idea-plugin">Using Checkstyle-IDEA plugin<a href="#using-checkstyle-idea-plugin" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <div><p>Prerequisite: The two config files <code class="hljs inline no-lang">checkstyle.xml</code> and <code class="hljs inline no-lang">suppressions.xml</code> are present (see the <a href="#configuring-checkstyle"><em>Configuring Checkstyle</em> section above</a> for more details on these two files).</p></div> <p>Given below are the steps to install the Checkstyle-IDEA plugin so that Intellij can alert you about code style problems as you write code.</p> <ol><li><p>Install the Checkstyle-IDEA plugin as follows:</p> <ol><li><code class="hljs inline no-lang">File</code> &gt; <code class="hljs inline no-lang">Settings</code> (Windows/Linux), or <code class="hljs inline no-lang">IntelliJ IDEA</code> &gt; <code class="hljs inline no-lang">Preferences…​</code> (macOS)</li> <li>Select <code class="hljs inline no-lang">Plugins</code> (on the left slide menu in the dialog that pops up)</li> <li>Select <code class="hljs inline no-lang">Marketplace</code> (on to top center of the same dialog box)</li> <li>Find the plugin.</li> <li>Restart the IDE to complete the installation.</li></ol></li> <li><p>Click <code class="hljs inline no-lang">File</code> &gt; <code class="hljs inline no-lang">Settings…​</code> &gt; <code class="hljs inline no-lang">Tools</code> &gt; <code class="hljs inline no-lang">Checkstyle</code></p></li> <li><p>Set <code class="hljs inline no-lang">Scan Scope</code> to <code class="hljs inline no-lang">Only Java sources (including tests)</code>, so that the plugin will run checkstyle for our test source codes as well</p></li> <li><p>Ensure that the <code class="hljs inline no-lang">Checkstyle version</code> is set to the one used by the project.<br> <span class="badge rounded-pill bg-success"><span aria-hidden="true" class="fas fa-lightbulb"></span></span> If your project uses Gradle, you can check the <code class="hljs inline no-lang">build.gradle</code> file to find the correct version.<br> <a href="/guides/tutorials/images/checkstyle/checkstyle-idea-scan-scope.png" target="_self"><img src="/guides/tutorials/images/checkstyle/checkstyle-idea-scan-scope.png" alt="checkstyle idea scan scope" class="img-fluid"></a></p></li> <li><p>Click the <code class="hljs inline no-lang">+</code> sign under <code class="hljs inline no-lang">Configuration File</code></p></li> <li><p>Enter an arbitrary description e.g. addressbook</p></li> <li><p>Select <code class="hljs inline no-lang">Use a local Checkstyle file</code></p></li> <li><p>Use the checkstyle configuration file found at <code class="hljs inline no-lang">config/checkstyle/checkstyle.xml</code></p></li> <li><p>Click <code class="hljs inline no-lang">Next</code> &gt; <code class="hljs inline no-lang">Finish</code></p></li> <li><p>Mark <code class="hljs inline no-lang">Active</code> for the newly imported check configuration<br> <a href="/guides/tutorials/images/checkstyle/checkstyle-idea-configuration.png" target="_self"><img src="/guides/tutorials/images/checkstyle/checkstyle-idea-configuration.png" alt="checkstyle idea configuration" class="img-fluid"></a></p></li> <li><p>Click <code class="hljs inline no-lang">OK</code></p></li> <li><p>To verify the plugin is set up correctly, temporarily modify the code to violate a style rule (e.g., add an extra line break before an <code class="hljs inline no-lang">{</code>) and run the Checkstyle check using the plugin.<br> <img src="/guides/tutorials/images/checkstyle/runCheckstyle.png" width="800"></p></li></ol> <h4 id="troubleshooting">Troubleshooting<a href="#troubleshooting" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h4> <p><strong>Problem: When importing <code class="hljs inline no-lang">checkstyle.xml</code>, Checkstyle-IDEA plugin complains that <code class="hljs inline no-lang">The Checkstyle rules file could not be parsed. …​ The file has been blacklisted for 60s.</code></strong></p> <ul><li>Reason: <code class="hljs inline no-lang">checkstyle.xml</code> is written for a particular version, but the plugin was not configured to the correct version.</li> <li>Solution: Ensure that you have selected the correct <code class="hljs inline no-lang">Checkstyle   version</code> that matches the version in <code class="hljs inline no-lang">build.gradle</code> and have clicked
-<code class="hljs inline no-lang">Apply</code>, as <code class="hljs inline no-lang">checkstyle.xml</code> is written for Gradle’s checkstyle.</li></ul> <p><strong>Problem: After setting up <code class="hljs inline no-lang">checkstyle.xml</code>, Checkstyle-IDEA plugin does not seem to highlight the errors / real-time scanning seems broken.</strong></p> <ul><li>Reason: The plugin may not immediately run after setting it up.</li> <li>Solution: Restart the IDE.</li></ul> <h2 id="resources">Resources<a href="#resources" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><a href="https://checkstyle.sourceforge.io/">Checkstyle home page</a></li> <li><a href="https://docs.gradle.org/current/userguide/checkstyle_plugin.html">Gradle documentation for the Checkstyle plugin</a></li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#using-checkstyle" data-v-e6005420>Using Checkstyle‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#configuring-checkstyle" data-v-e6005420>Configuring Checkstyle‎</a> <a class="nav-link py-1" href="#using-checkstyle-with-gradle" data-v-e6005420>Using Checkstyle with Gradle‎</a> <a class="nav-link py-1" href="#using-checkstyle-idea-plugin" data-v-e6005420>Using Checkstyle-IDEA plugin‎</a> <a class="nav-link py-1" href="#resources" data-v-e6005420>Resources‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+<code class="hljs inline no-lang">Apply</code>, as <code class="hljs inline no-lang">checkstyle.xml</code> is written for Gradle’s checkstyle.</li></ul> <p><strong>Problem: After setting up <code class="hljs inline no-lang">checkstyle.xml</code>, Checkstyle-IDEA plugin does not seem to highlight the errors / real-time scanning seems broken.</strong></p> <ul><li>Reason: The plugin may not immediately run after setting it up.</li> <li>Solution: Restart the IDE.</li></ul> <h2 id="resources">Resources<a href="#resources" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><a href="https://checkstyle.sourceforge.io/">Checkstyle home page</a></li> <li><a href="https://docs.gradle.org/current/userguide/checkstyle_plugin.html">Gradle documentation for the Checkstyle plugin</a></li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#using-checkstyle" data-v-e6005420>Using Checkstyle‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#configuring-checkstyle" data-v-e6005420>Configuring Checkstyle‎</a> <a class="nav-link py-1" href="#using-checkstyle-with-gradle" data-v-e6005420>Using Checkstyle with Gradle‎</a> <a class="nav-link py-1" href="#using-checkstyle-idea-plugin" data-v-e6005420>Using Checkstyle-IDEA plugin‎</a> <a class="nav-link py-1" href="#resources" data-v-e6005420>Resources‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/checkstyle.page-vue-render.js b/tutorials/checkstyle.page-vue-render.js
index e6b0d925..df91cde4 100644
--- a/tutorials/checkstyle.page-vue-render.js
+++ b/tutorials/checkstyle.page-vue-render.js
@@ -77,6 +77,6 @@ with(this){return _c('h2',{attrs:{"id":"resources"}},[_v("Resources"),_c('a',{st
 with(this){return _c('ul',[_c('li',[_c('a',{attrs:{"href":"https://checkstyle.sourceforge.io/"}},[_v("Checkstyle home page")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://docs.gradle.org/current/userguide/checkstyle_plugin.html"}},[_v("Gradle documentation for the Checkstyle plugin")])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/codecov.html b/tutorials/codecov.html
index 94a89eb9..961e663f 100644
--- a/tutorials/codecov.html
+++ b/tutorials/codecov.html
@@ -21,7 +21,7 @@
 If you don't have admin rights to the org in concern, you need to click on the <button type="button" class="btn btn-outline-primary btn-sm">request</button> button instead, and wait for an admin to approve the request.</li> <li><strong>Sync your repo list in Codecov:</strong> Login to <a href="https://app.codecov.io">Codecov</a> using your GitHub account. Ensure your <code class="hljs inline no-lang">org/fork</code> is listed in the home page. If not, use the <code class="hljs inline no-lang">re-syncing</code> link to sync Codecov data with GitHub (and refresh the page afterward). Try again if it doesn't work the first time, as syncing might take some time.<br>
 If the organization still fails to show up in the dropdown, you can also try the <code class="hljs inline no-lang">Add GitHub organization</code> link at the bottom of the dropdown list. Doing so will allow you to install the Codecov integration on your GitHub organization, which is same as the next step.</li> <li><strong>Install the Codecov integration on GitHub:</strong> Go to <a href="https://github.com/apps/codecov">this page</a> and click on the green <button type="button" class="btn btn-success btn-sm">Install</button> button. In the next steps, choose the org and the fork you want to set up Codecov for (you can also use the <code class="hljs inline no-lang">All repositories</code> option instead).</li> <li><strong>Configure Codecov for the specific fork:</strong> Go to <code class="hljs inline no-lang">https://app.codecov.io/gh/{YOUR_ORG}</code> (e.g., <code class="hljs inline no-lang">https://app.codecov.io/gh/my-team-org</code>).<br>
 Choose the <code class="hljs inline no-lang">Setup repo&gt;</code> option for your fork, and follow the instructions for GitHub Actions. You will need to set up the <code class="hljs inline no-lang">CODECOV_TOKEN</code> secret as instructed but there is <mark>no need to update the workflow YAML file</mark> (as the repo you forked already has a YAML file containing the given code).</li> <li><strong>Check for coverage status:</strong> Go back to <a href="https://app.codecov.io/gh">your Codecov home page</a>. After the next time CI runs in your fork, you should see the code coverage percentage in front of your fork name. Here is an example:
-<span class="image-wrapper"><img src="/guides/tutorials/images/codecov/coverage-example.png" width="" class="img-fluid rounded"> <span class="image-caption"></span></span></li> <li><strong>Display the Codecov badge:</strong> If your fork has a badge showing the Codecov status (e.g, <a href="https://codecov.io/gh/se-edu/addressbook-level3/branch/master/graph/badge.svg" target="_self"><img src="https://codecov.io/gh/se-edu/addressbook-level3/branch/master/graph/badge.svg" alt="codecov" class="img-fluid"></a>), get the Markdown code for the Codecov badge provided in <code class="hljs inline no-lang">https://app.codecov.io/gh/{YOUR_ORG}/{YOUR_FORK}/settings/badge</code> (e.g., <code class="hljs inline no-lang">https://app.codecov.io/gh/se-edu/addressbook-level3/settings/badge</code>) and update the appropriate page in your fork.</li></ol> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-success" data-v-4d146e2c><i class="fas fa-lightbulb" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>You can control if CI still passes even if Codecov task fails</strong> using the line<br data-v-4d146e2c> <code class="hljs inline no-lang" data-v-4d146e2c>fail_ci_if_error: true</code> or <code class="hljs inline no-lang" data-v-4d146e2c>fail_ci_if_error: false</code> in <code class="hljs inline no-lang" data-v-4d146e2c>.github/workflows/gradle.yml</code>, under the section related to Codecov.</p></div> <!----></div></div></div><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#using-codecov" data-v-e6005420>Using Codecov‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up-codecov-with-github-actions" data-v-e6005420>Setting up Codecov with GitHub actions‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+<span class="image-wrapper"><img src="/guides/tutorials/images/codecov/coverage-example.png" width="" class="img-fluid rounded"> <span class="image-caption"></span></span></li> <li><strong>Display the Codecov badge:</strong> If your fork has a badge showing the Codecov status (e.g, <a href="https://codecov.io/gh/se-edu/addressbook-level3/branch/master/graph/badge.svg" target="_self"><img src="https://codecov.io/gh/se-edu/addressbook-level3/branch/master/graph/badge.svg" alt="codecov" class="img-fluid"></a>), get the Markdown code for the Codecov badge provided in <code class="hljs inline no-lang">https://app.codecov.io/gh/{YOUR_ORG}/{YOUR_FORK}/settings/badge</code> (e.g., <code class="hljs inline no-lang">https://app.codecov.io/gh/se-edu/addressbook-level3/settings/badge</code>) and update the appropriate page in your fork.</li></ol> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-success" data-v-4d146e2c><i class="fas fa-lightbulb" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>You can control if CI still passes even if Codecov task fails</strong> using the line<br data-v-4d146e2c> <code class="hljs inline no-lang" data-v-4d146e2c>fail_ci_if_error: true</code> or <code class="hljs inline no-lang" data-v-4d146e2c>fail_ci_if_error: false</code> in <code class="hljs inline no-lang" data-v-4d146e2c>.github/workflows/gradle.yml</code>, under the section related to Codecov.</p></div> <!----></div></div></div><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#using-codecov" data-v-e6005420>Using Codecov‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up-codecov-with-github-actions" data-v-e6005420>Setting up Codecov with GitHub actions‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/codecov.page-vue-render.js b/tutorials/codecov.page-vue-render.js
index 3a82ae96..3a0838b0 100644
--- a/tutorials/codecov.page-vue-render.js
+++ b/tutorials/codecov.page-vue-render.js
@@ -35,6 +35,6 @@ with(this){return _c('li',[_c('strong',[_v("Configure Codecov for the specific f
 with(this){return _c('li',[_c('strong',[_v("Display the Codecov badge:")]),_v(" If your fork has a badge showing the Codecov status (e.g, "),_c('a',{attrs:{"href":"https://codecov.io/gh/se-edu/addressbook-level3/branch/master/graph/badge.svg","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"https://codecov.io/gh/se-edu/addressbook-level3/branch/master/graph/badge.svg","alt":"codecov"}})]),_v("), get the Markdown code for the Codecov badge provided in "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("https://app.codecov.io/gh/{YOUR_ORG}/{YOUR_FORK}/settings/badge")]),_v(" (e.g., "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("https://app.codecov.io/gh/se-edu/addressbook-level3/settings/badge")]),_v(") and update the appropriate page in your fork.")])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/githubActions.html b/tutorials/githubActions.html
index 6db14905..ab9247da 100644
--- a/tutorials/githubActions.html
+++ b/tutorials/githubActions.html
@@ -17,7 +17,7 @@
 <body  data-bs-spy="scroll" data-bs-target="#mb-page-nav" data-bs-offset="100" >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="https://se-education.org" title="SE-EDU" class="navbar-brand" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fas fa-chevron-circle-left" data-v-73b4aa16></span> <strong data-v-73b4aa16><strong data-v-73b4aa16>SE-EDU</strong></strong></span></a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/guides/index.html" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><strong data-v-73b4aa16>Home</strong></span></a></li> <li data-v-73b4aa16><a href="/guides/about.html" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><strong data-v-73b4aa16>About</strong></span></a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/guides" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li class="nav-link" data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search this site" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       Search this site
-    </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper" class="fixed-header-padding"><h1 id="guides-for-se-student-projects"><span class="text-dark"><strong><strong>Guides for SE student projects »</strong></strong></span><a href="#guides-for-se-student-projects" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p></p><h1 id="using-github-actions">Using GitHub Actions<a href="#using-github-actions" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="lead"><p><a href="https://github.com/features/actions">GitHub Actions</a> is CI/CD tool integrated into GitHub.</p></div> <h2 id="setting-up-a-custom-workflow">Setting up a custom workflow<a href="#setting-up-a-custom-workflow" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>In the simplest case, setting up is a matter of adding a <code class="hljs inline no-lang">.yml</code> file into the <code class="hljs inline no-lang">[root]\.github\workflows</code> folder (<a href="https://github.com/se-edu/duke/blob/full-template/.github/workflows/gradle.yml">example</a>).</p> <p>GitHub Actions will run the workflow (as per the <code class="hljs inline no-lang">.yml</code> file) every time certain project events are triggered (e.g., when a PR is updated, or the <code class="hljs inline no-lang">master</code> branch is updated).</p> <h2 id="resources">Resources<a href="#resources" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><a href="https://help.github.com/en/actions">GitHub Actions documentation</a></li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#using-github-actions" data-v-e6005420>Using GitHub Actions‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up-a-custom-workflow" data-v-e6005420>Setting up a custom workflow‎</a> <a class="nav-link py-1" href="#resources" data-v-e6005420>Resources‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+    </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper" class="fixed-header-padding"><h1 id="guides-for-se-student-projects"><span class="text-dark"><strong><strong>Guides for SE student projects »</strong></strong></span><a href="#guides-for-se-student-projects" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p></p><h1 id="using-github-actions">Using GitHub Actions<a href="#using-github-actions" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="lead"><p><a href="https://github.com/features/actions">GitHub Actions</a> is CI/CD tool integrated into GitHub.</p></div> <h2 id="setting-up-a-custom-workflow">Setting up a custom workflow<a href="#setting-up-a-custom-workflow" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>In the simplest case, setting up is a matter of adding a <code class="hljs inline no-lang">.yml</code> file into the <code class="hljs inline no-lang">[root]\.github\workflows</code> folder (<a href="https://github.com/se-edu/duke/blob/full-template/.github/workflows/gradle.yml">example</a>).</p> <p>GitHub Actions will run the workflow (as per the <code class="hljs inline no-lang">.yml</code> file) every time certain project events are triggered (e.g., when a PR is updated, or the <code class="hljs inline no-lang">master</code> branch is updated).</p> <h2 id="resources">Resources<a href="#resources" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><a href="https://help.github.com/en/actions">GitHub Actions documentation</a></li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#using-github-actions" data-v-e6005420>Using GitHub Actions‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up-a-custom-workflow" data-v-e6005420>Setting up a custom workflow‎</a> <a class="nav-link py-1" href="#resources" data-v-e6005420>Resources‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/githubActions.page-vue-render.js b/tutorials/githubActions.page-vue-render.js
index 154e12da..92e9d93d 100644
--- a/tutorials/githubActions.page-vue-render.js
+++ b/tutorials/githubActions.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{staticClass:"fixed-header-padding",attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"guides-for-se-student-projects"}},[_c('span',{staticClass:"text-dark"},[_c('strong',[_c('strong',[_v("Guides for SE student projects »")])])]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#guides-for-se-student-projects","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p'),_c('h1',{attrs:{"id":"using-github-actions"}},[_v("Using GitHub Actions"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#using-github-actions","onclick":"event.stopPropagation()"}})]),_v(" "),_c('div',{staticClass:"lead"},[_c('p',[_c('a',{attrs:{"href":"https://github.com/features/actions"}},[_v("GitHub Actions")]),_v(" is CI/CD tool integrated into GitHub.")])]),_v(" "),_c('h2',{attrs:{"id":"setting-up-a-custom-workflow"}},[_v("Setting up a custom workflow"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#setting-up-a-custom-workflow","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("In the simplest case, setting up is a matter of adding a "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v(".yml")]),_v(" file into the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("[root]\\.github\\workflows")]),_v(" folder ("),_c('a',{attrs:{"href":"https://github.com/se-edu/duke/blob/full-template/.github/workflows/gradle.yml"}},[_v("example")]),_v(").")]),_v(" "),_c('p',[_v("GitHub Actions will run the workflow (as per the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v(".yml")]),_v(" file) every time certain project events are triggered (e.g., when a PR is updated, or the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("master")]),_v(" branch is updated).")]),_v(" "),_c('h2',{attrs:{"id":"resources"}},[_v("Resources"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#resources","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"https://help.github.com/en/actions"}},[_v("GitHub Actions documentation")])])]),_c('p')])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/gradle.html b/tutorials/gradle.html
index 6a2c2016..ca3b4f3d 100644
--- a/tutorials/gradle.html
+++ b/tutorials/gradle.html
@@ -124,7 +124,7 @@
 </svg>
 
     </div>
-    </button></div></pre> <h2 id="resources" data-v-70a68808>Resources<a href="#resources" onclick="event.stopPropagation()" class="fa fa-anchor" data-v-70a68808></a></h2> <ul data-v-70a68808><li data-v-70a68808><a href="https://docs.gradle.org/current/userguide/userguide.html" data-v-70a68808>Official Gradle Documentation</a></li></ul> <hr data-v-70a68808> <p data-v-70a68808><strong data-v-70a68808>Authors:</strong></p> <ul data-v-70a68808><li data-v-70a68808>Initial Version: Jeffry Lum</li></ul></div></div></div></div></div></div><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#gradle-tutorial" data-v-e6005420>Gradle tutorial‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#basics" data-v-e6005420>Basics‎</a> <a class="nav-link py-1" href="#adding-gradle-to-the-project" data-v-e6005420>Adding Gradle to the project‎</a> <a class="nav-link py-1" href="#running-gradle-tasks" data-v-e6005420>Running Gradle tasks‎</a> <a class="nav-link py-1" href="#managing-plugins-and-dependencies" data-v-e6005420>Managing plugins and dependencies‎</a> <a class="nav-link py-1" href="#using-gradle-to-do-some-common-project-activities" data-v-e6005420>Using Gradle to do some common project activities‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#running-the-application" data-v-e6005420>Running the application‎</a> <a class="nav-link py-1" href="#cleaning-the-project" data-v-e6005420>Cleaning the project‎</a> <a class="nav-link py-1" href="#running-checkstyle" data-v-e6005420>Running Checkstyle‎</a> <a class="nav-link py-1" href="#running-tests" data-v-e6005420>Running tests‎</a> <a class="nav-link py-1" href="#creating-jar-files" data-v-e6005420>Creating JAR files‎</a> <a class="nav-link py-1" href="#compiling" data-v-e6005420>Compiling‎</a> <a class="nav-link py-1" href="#enabling-assertions" data-v-e6005420>Enabling assertions‎</a></nav> <a class="nav-link py-1" href="#resources" data-v-e6005420>Resources‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+    </button></div></pre> <h2 id="resources" data-v-70a68808>Resources<a href="#resources" onclick="event.stopPropagation()" class="fa fa-anchor" data-v-70a68808></a></h2> <ul data-v-70a68808><li data-v-70a68808><a href="https://docs.gradle.org/current/userguide/userguide.html" data-v-70a68808>Official Gradle Documentation</a></li></ul> <hr data-v-70a68808> <p data-v-70a68808><strong data-v-70a68808>Authors:</strong></p> <ul data-v-70a68808><li data-v-70a68808>Initial Version: Jeffry Lum</li></ul></div></div></div></div></div></div><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#gradle-tutorial" data-v-e6005420>Gradle tutorial‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#basics" data-v-e6005420>Basics‎</a> <a class="nav-link py-1" href="#adding-gradle-to-the-project" data-v-e6005420>Adding Gradle to the project‎</a> <a class="nav-link py-1" href="#running-gradle-tasks" data-v-e6005420>Running Gradle tasks‎</a> <a class="nav-link py-1" href="#managing-plugins-and-dependencies" data-v-e6005420>Managing plugins and dependencies‎</a> <a class="nav-link py-1" href="#using-gradle-to-do-some-common-project-activities" data-v-e6005420>Using Gradle to do some common project activities‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#running-the-application" data-v-e6005420>Running the application‎</a> <a class="nav-link py-1" href="#cleaning-the-project" data-v-e6005420>Cleaning the project‎</a> <a class="nav-link py-1" href="#running-checkstyle" data-v-e6005420>Running Checkstyle‎</a> <a class="nav-link py-1" href="#running-tests" data-v-e6005420>Running tests‎</a> <a class="nav-link py-1" href="#creating-jar-files" data-v-e6005420>Creating JAR files‎</a> <a class="nav-link py-1" href="#compiling" data-v-e6005420>Compiling‎</a> <a class="nav-link py-1" href="#enabling-assertions" data-v-e6005420>Enabling assertions‎</a></nav> <a class="nav-link py-1" href="#resources" data-v-e6005420>Resources‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/gradle.page-vue-render.js b/tutorials/gradle.page-vue-render.js
index 5b048a18..deea6dd9 100644
--- a/tutorials/gradle.page-vue-render.js
+++ b/tutorials/gradle.page-vue-render.js
@@ -35,6 +35,6 @@ with(this){return _c('p',[_v("There are several ways of integrating Gradle into
 with(this){return _c('p',[_c('strong',[_c('strong',[_v("Scenario 1:")])]),_v(" You are setting up a project that already has Gradle wrapper files.")])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/intellijCodeStyle.html b/tutorials/intellijCodeStyle.html
index ae51a448..3970b6c2 100644
--- a/tutorials/intellijCodeStyle.html
+++ b/tutorials/intellijCodeStyle.html
@@ -18,7 +18,7 @@
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="https://se-education.org" title="SE-EDU" class="navbar-brand" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fas fa-chevron-circle-left" data-v-73b4aa16></span> <strong data-v-73b4aa16><strong data-v-73b4aa16>SE-EDU</strong></strong></span></a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/guides/index.html" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><strong data-v-73b4aa16>Home</strong></span></a></li> <li data-v-73b4aa16><a href="/guides/about.html" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><strong data-v-73b4aa16>About</strong></span></a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/guides" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li class="nav-link" data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search this site" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       Search this site
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper" class="fixed-header-padding"><h1 id="guides-for-se-student-projects"><span class="text-dark"><strong><strong>Guides for SE student projects »</strong></strong></span><a href="#guides-for-se-student-projects" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p></p><h1 id="intellij-idea-configuring-the-code-style">Intellij IDEA: Configuring the code style<a href="#intellij-idea-configuring-the-code-style" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p>IntelliJ’s default style is mostly compliant with <a href="/guides/conventions/java">ours</a> but it uses a different import order from ours but some tweaks may be needed.</p> <p><strong>Legend</strong>: <span><span class="badge rounded-pill bg-danger"><span aria-hidden="true" class="far fa-star"></span></span></span> basic tweak | <span><span class="badge rounded-pill bg-warning text-white"><span aria-hidden="true" class="far fa-star"></span><span aria-hidden="true" class="far fa-star"></span></span></span> intermediate tweak | <span><span class="badge rounded-pill bg-success"><span aria-hidden="true" class="far fa-star"></span><span aria-hidden="true" class="far fa-star"></span><span aria-hidden="true" class="far fa-star"></span></span></span> advanced tweak</p> <h2 id="tweak-switch-case-style">Tweak: <code class="hljs inline no-lang">switch-case</code> style <span><span class="badge rounded-pill bg-danger"><span aria-hidden="true" class="far fa-star"></span></span></span><a href="#tweak-switch-case-style" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li>Go to <code class="hljs inline no-lang">File</code> → <code class="hljs inline no-lang">Settings…​</code> (Windows/Linux), or <code class="hljs inline no-lang">IntelliJ IDEA</code> → <code class="hljs inline no-lang">Preferences…​</code> (macOS).</li> <li>Click on <code class="hljs inline no-lang">Editor</code> → <code class="hljs inline no-lang">Code style</code>→ <code class="hljs inline no-lang">Java</code> (see the screenshot below).<br> <a href="/guides/tutorials/images/intellij/codeStyle-switch.png" target="_self"><img src="/guides/tutorials/images/intellij/codeStyle-switch.png" alt="" class="img-fluid"></a></li> <li>Click on the <code class="hljs inline no-lang">Wrapping and Braces</code> tab and un-tick the <code class="hljs inline no-lang">Indent 'case' branches</code> option (as shown in the screenshot above).</li></ol> <h2 id="tweak-import-order">Tweak: <code class="hljs inline no-lang">import</code> order <span><span class="badge rounded-pill bg-warning text-white"><span aria-hidden="true" class="far fa-star"></span><span aria-hidden="true" class="far fa-star"></span></span></span><a href="#tweak-import-order" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li>Go to <code class="hljs inline no-lang">File</code> → <code class="hljs inline no-lang">Settings…​</code> (Windows/Linux), or <code class="hljs inline no-lang">IntelliJ IDEA</code> → <code class="hljs inline no-lang">Preferences…​</code> (macOS).</li> <li>Select <code class="hljs inline no-lang">Editor</code> → <code class="hljs inline no-lang">Code Style</code> → <code class="hljs inline no-lang">Java</code>.</li> <li>Click on the <code class="hljs inline no-lang">Imports</code> tab to set the import order.
-<ul><li>For <code class="hljs inline no-lang">Class count to use import with '*'</code> and <code class="hljs inline no-lang">Names count to use static import with '*'</code>: Set to <code class="hljs inline no-lang">999</code> to prevent IntelliJ from contracting the import statements.</li> <li>For <code class="hljs inline no-lang">Import Layout</code>: The order is:<br> <a href="/guides/tutorials/images/intellij/importOrder.png" target="_self"><img src="/guides/tutorials/images/intellij/importOrder.png" alt="" class="img-fluid"></a></li></ul></li></ol> <h2 id="tweak-auto-remove-trailing-spaces">Tweak: Auto-remove trailing spaces <span><span class="badge rounded-pill bg-warning text-white"><span aria-hidden="true" class="far fa-star"></span><span aria-hidden="true" class="far fa-star"></span></span></span><a href="#tweak-auto-remove-trailing-spaces" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>You can configure Intellij to automatically strip trailing white space in code lines, as follows:</p> <ol><li>Go to <code class="hljs inline no-lang">Settings</code>.</li> <li>On the left side of the dialog, click on <code class="hljs inline no-lang">Editor</code> -&gt; <code class="hljs inline no-lang">General</code>.</li> <li>On the right side, scroll to the <code class="hljs inline no-lang">On Save</code> section.</li> <li>Change <code class="hljs inline no-lang">Remove trailing spaces on:</code> to <code class="hljs inline no-lang">Modified lines</code>.</li></ol> <h2 id="more-useful-settings">More useful settings <span><span class="badge rounded-pill bg-success"><span aria-hidden="true" class="far fa-star"></span><span aria-hidden="true" class="far fa-star"></span><span aria-hidden="true" class="far fa-star"></span></span></span><a href="#more-useful-settings" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>The tweaks given above are specific to code style. A few more useful settings (not related to the code style) can be found <a href="/guides/tutorials/intellijUsefulSettings.html">here</a>.</p><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#intellij-idea-configuring-the-code-style" data-v-e6005420>Intellij IDEA: Configuring the code style‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tweak-switch-case-style" data-v-e6005420>Tweak: switch-case style ‎</a> <a class="nav-link py-1" href="#tweak-import-order" data-v-e6005420>Tweak: import order ‎</a> <a class="nav-link py-1" href="#tweak-auto-remove-trailing-spaces" data-v-e6005420>Tweak: Auto-remove trailing spaces ‎</a> <a class="nav-link py-1" href="#more-useful-settings" data-v-e6005420>More useful settings ‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+<ul><li>For <code class="hljs inline no-lang">Class count to use import with '*'</code> and <code class="hljs inline no-lang">Names count to use static import with '*'</code>: Set to <code class="hljs inline no-lang">999</code> to prevent IntelliJ from contracting the import statements.</li> <li>For <code class="hljs inline no-lang">Import Layout</code>: The order is:<br> <a href="/guides/tutorials/images/intellij/importOrder.png" target="_self"><img src="/guides/tutorials/images/intellij/importOrder.png" alt="" class="img-fluid"></a></li></ul></li></ol> <h2 id="tweak-auto-remove-trailing-spaces">Tweak: Auto-remove trailing spaces <span><span class="badge rounded-pill bg-warning text-white"><span aria-hidden="true" class="far fa-star"></span><span aria-hidden="true" class="far fa-star"></span></span></span><a href="#tweak-auto-remove-trailing-spaces" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>You can configure Intellij to automatically strip trailing white space in code lines, as follows:</p> <ol><li>Go to <code class="hljs inline no-lang">Settings</code>.</li> <li>On the left side of the dialog, click on <code class="hljs inline no-lang">Editor</code> -&gt; <code class="hljs inline no-lang">General</code>.</li> <li>On the right side, scroll to the <code class="hljs inline no-lang">On Save</code> section.</li> <li>Change <code class="hljs inline no-lang">Remove trailing spaces on:</code> to <code class="hljs inline no-lang">Modified lines</code>.</li></ol> <h2 id="more-useful-settings">More useful settings <span><span class="badge rounded-pill bg-success"><span aria-hidden="true" class="far fa-star"></span><span aria-hidden="true" class="far fa-star"></span><span aria-hidden="true" class="far fa-star"></span></span></span><a href="#more-useful-settings" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>The tweaks given above are specific to code style. A few more useful settings (not related to the code style) can be found <a href="/guides/tutorials/intellijUsefulSettings.html">here</a>.</p><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#intellij-idea-configuring-the-code-style" data-v-e6005420>Intellij IDEA: Configuring the code style‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#tweak-switch-case-style" data-v-e6005420>Tweak: switch-case style ‎</a> <a class="nav-link py-1" href="#tweak-import-order" data-v-e6005420>Tweak: import order ‎</a> <a class="nav-link py-1" href="#tweak-auto-remove-trailing-spaces" data-v-e6005420>Tweak: Auto-remove trailing spaces ‎</a> <a class="nav-link py-1" href="#more-useful-settings" data-v-e6005420>More useful settings ‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/intellijCodeStyle.page-vue-render.js b/tutorials/intellijCodeStyle.page-vue-render.js
index 8ed14ae4..1be5cbca 100644
--- a/tutorials/intellijCodeStyle.page-vue-render.js
+++ b/tutorials/intellijCodeStyle.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{staticClass:"fixed-header-padding",attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"guides-for-se-student-projects"}},[_c('span',{staticClass:"text-dark"},[_c('strong',[_c('strong',[_v("Guides for SE student projects »")])])]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#guides-for-se-student-projects","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p'),_c('h1',{attrs:{"id":"intellij-idea-configuring-the-code-style"}},[_v("Intellij IDEA: Configuring the code style"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#intellij-idea-configuring-the-code-style","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("IntelliJ’s default style is mostly compliant with "),_c('a',{attrs:{"href":"/guides/conventions/java"}},[_v("ours")]),_v(" but it uses a different import order from ours but some tweaks may be needed.")]),_v(" "),_c('p',[_c('strong',[_v("Legend")]),_v(": "),_c('span',[_c('span',{staticClass:"badge rounded-pill bg-danger"},[_c('span',{staticClass:"far fa-star",attrs:{"aria-hidden":"true"}})])]),_v(" basic tweak | "),_c('span',[_c('span',{staticClass:"badge rounded-pill bg-warning text-white"},[_c('span',{staticClass:"far fa-star",attrs:{"aria-hidden":"true"}}),_c('span',{staticClass:"far fa-star",attrs:{"aria-hidden":"true"}})])]),_v(" intermediate tweak | "),_c('span',[_c('span',{staticClass:"badge rounded-pill bg-success"},[_c('span',{staticClass:"far fa-star",attrs:{"aria-hidden":"true"}}),_c('span',{staticClass:"far fa-star",attrs:{"aria-hidden":"true"}}),_c('span',{staticClass:"far fa-star",attrs:{"aria-hidden":"true"}})])]),_v(" advanced tweak")]),_v(" "),_c('h2',{attrs:{"id":"tweak-switch-case-style"}},[_v("Tweak: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("switch-case")]),_v(" style "),_c('span',[_c('span',{staticClass:"badge rounded-pill bg-danger"},[_c('span',{staticClass:"far fa-star",attrs:{"aria-hidden":"true"}})])]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#tweak-switch-case-style","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ol',[_c('li',[_v("Go to "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("File")]),_v(" → "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Settings…​")]),_v(" (Windows/Linux), or "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("IntelliJ IDEA")]),_v(" → "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Preferences…​")]),_v(" (macOS).")]),_v(" "),_c('li',[_v("Click on "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Editor")]),_v(" → "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Code style")]),_v("→ "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Java")]),_v(" (see the screenshot below)."),_c('br'),_v(" "),_c('a',{attrs:{"href":"/guides/tutorials/images/intellij/codeStyle-switch.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/guides/tutorials/images/intellij/codeStyle-switch.png","alt":""}})])]),_v(" "),_c('li',[_v("Click on the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Wrapping and Braces")]),_v(" tab and un-tick the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Indent 'case' branches")]),_v(" option (as shown in the screenshot above).")])]),_v(" "),_c('h2',{attrs:{"id":"tweak-import-order"}},[_v("Tweak: "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("import")]),_v(" order "),_c('span',[_c('span',{staticClass:"badge rounded-pill bg-warning text-white"},[_c('span',{staticClass:"far fa-star",attrs:{"aria-hidden":"true"}}),_c('span',{staticClass:"far fa-star",attrs:{"aria-hidden":"true"}})])]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#tweak-import-order","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ol',[_c('li',[_v("Go to "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("File")]),_v(" → "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Settings…​")]),_v(" (Windows/Linux), or "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("IntelliJ IDEA")]),_v(" → "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Preferences…​")]),_v(" (macOS).")]),_v(" "),_c('li',[_v("Select "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Editor")]),_v(" → "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Code Style")]),_v(" → "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Java")]),_v(".")]),_v(" "),_c('li',[_v("Click on the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Imports")]),_v(" tab to set the import order.\n"),_c('ul',[_c('li',[_v("For "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Class count to use import with '*'")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Names count to use static import with '*'")]),_v(": Set to "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("999")]),_v(" to prevent IntelliJ from contracting the import statements.")]),_v(" "),_c('li',[_v("For "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Import Layout")]),_v(": The order is:"),_c('br'),_v(" "),_c('a',{attrs:{"href":"/guides/tutorials/images/intellij/importOrder.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/guides/tutorials/images/intellij/importOrder.png","alt":""}})])])])])]),_v(" "),_c('h2',{attrs:{"id":"tweak-auto-remove-trailing-spaces"}},[_v("Tweak: Auto-remove trailing spaces "),_c('span',[_c('span',{staticClass:"badge rounded-pill bg-warning text-white"},[_c('span',{staticClass:"far fa-star",attrs:{"aria-hidden":"true"}}),_c('span',{staticClass:"far fa-star",attrs:{"aria-hidden":"true"}})])]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#tweak-auto-remove-trailing-spaces","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("You can configure Intellij to automatically strip trailing white space in code lines, as follows:")]),_v(" "),_c('ol',[_c('li',[_v("Go to "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Settings")]),_v(".")]),_v(" "),_c('li',[_v("On the left side of the dialog, click on "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Editor")]),_v(" -> "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("General")]),_v(".")]),_v(" "),_c('li',[_v("On the right side, scroll to the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("On Save")]),_v(" section.")]),_v(" "),_c('li',[_v("Change "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Remove trailing spaces on:")]),_v(" to "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Modified lines")]),_v(".")])]),_v(" "),_c('h2',{attrs:{"id":"more-useful-settings"}},[_v("More useful settings "),_c('span',[_c('span',{staticClass:"badge rounded-pill bg-success"},[_c('span',{staticClass:"far fa-star",attrs:{"aria-hidden":"true"}}),_c('span',{staticClass:"far fa-star",attrs:{"aria-hidden":"true"}}),_c('span',{staticClass:"far fa-star",attrs:{"aria-hidden":"true"}})])]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#more-useful-settings","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("The tweaks given above are specific to code style. A few more useful settings (not related to the code style) can be found "),_c('a',{attrs:{"href":"/guides/tutorials/intellijUsefulSettings.html"}},[_v("here")]),_v(".")]),_c('p')])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/intellijImportGradleProject.html b/tutorials/intellijImportGradleProject.html
index 41320d7c..ac5f440e 100644
--- a/tutorials/intellijImportGradleProject.html
+++ b/tutorials/intellijImportGradleProject.html
@@ -20,7 +20,7 @@
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper" class="fixed-header-padding"><h1 id="guides-for-se-student-projects"><span class="text-dark"><strong><strong>Guides for SE student projects »</strong></strong></span><a href="#guides-for-se-student-projects" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p></p><h1 id="intellij-idea-importing-a-gradle-project">Intellij IDEA: Importing a Gradle project<a href="#intellij-idea-importing-a-gradle-project" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div id="importing-gradle-project"><div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-success" data-v-4d146e2c><i class="fas fa-lightbulb" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>If the project comes with Gradle support, you will see a <code class="hljs inline no-lang" data-v-4d146e2c>build.gradle</code> file in your project root.</p></div> <!----></div></div></div> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-warning" data-v-4d146e2c><i class="fas fa-exclamation" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-warning" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>IntelliJ IDEA has the Gradle plugin installed by default.  If you have disabled it, go to <code class="hljs inline no-lang" data-v-4d146e2c>File</code> → <code class="hljs inline no-lang" data-v-4d146e2c>Settings</code> → <code class="hljs inline no-lang" data-v-4d146e2c>Plugins</code> to re-enable it.<br data-v-4d146e2c>
 If your project involves GUI programming, similarly ensure the JavaFX plugin has not been disabled.</p></div> <!----></div></div></div> <ol><li>Open Intellij.</li> <li>If you are in the welcome screen, Click <code class="hljs inline no-lang">Open</code>. Otherwise, click <code class="hljs inline no-lang">File</code> -&gt; <code class="hljs inline no-lang">Open</code>.<br>
 i. Select the project directory, and click <code class="hljs inline no-lang">OK</code>.<br>
-ii. If there are any further prompts, accept the defaults but do ensure that the selected version of <code class="hljs inline no-lang">Gradle JVM</code> matches the JDK being used for the project.</li> <li>Confirm the project JDK is set to the one you are supposed to use for the project, as explained <a href="https://www.jetbrains.com/help/idea/sdk.html#set-up-jdk">here</a>.</li> <li>After the importing of the project is complete (which could take a few minutes), you will see the <code class="hljs inline no-lang">Gradle Toolbar</code> in the IDEA interface <span class="dimmed">e.g., look for the elephant icon (on Windows, this appears on the right-edge of the IDE window) and click it</span>.<br> <a href="/guides/tutorials/images/gradle/GradleIcon.png" target="_self"><img src="/guides/tutorials/images/gradle/GradleIcon.png" alt="Gradle icon" class="img-fluid"></a></li></ol></div><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+ii. If there are any further prompts, accept the defaults but do ensure that the selected version of <code class="hljs inline no-lang">Gradle JVM</code> matches the JDK being used for the project.</li> <li>Confirm the project JDK is set to the one you are supposed to use for the project, as explained <a href="https://www.jetbrains.com/help/idea/sdk.html#set-up-jdk">here</a>.</li> <li>After the importing of the project is complete (which could take a few minutes), you will see the <code class="hljs inline no-lang">Gradle Toolbar</code> in the IDEA interface <span class="dimmed">e.g., look for the elephant icon (on Windows, this appears on the right-edge of the IDE window) and click it</span>.<br> <a href="/guides/tutorials/images/gradle/GradleIcon.png" target="_self"><img src="/guides/tutorials/images/gradle/GradleIcon.png" alt="Gradle icon" class="img-fluid"></a></li></ol></div><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/intellijImportGradleProject.page-vue-render.js b/tutorials/intellijImportGradleProject.page-vue-render.js
index fc36799f..ac8804af 100644
--- a/tutorials/intellijImportGradleProject.page-vue-render.js
+++ b/tutorials/intellijImportGradleProject.page-vue-render.js
@@ -14,6 +14,6 @@ with(this){return _c('h1',{attrs:{"id":"intellij-idea-importing-a-gradle-project
 with(this){return _c('ol',[_c('li',[_v("Open Intellij.")]),_v(" "),_c('li',[_v("If you are in the welcome screen, Click "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Open")]),_v(". Otherwise, click "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("File")]),_v(" -> "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Open")]),_v("."),_c('br'),_v("\ni. Select the project directory, and click "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("OK")]),_v("."),_c('br'),_v("\nii. If there are any further prompts, accept the defaults but do ensure that the selected version of "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Gradle JVM")]),_v(" matches the JDK being used for the project.")]),_v(" "),_c('li',[_v("Confirm the project JDK is set to the one you are supposed to use for the project, as explained "),_c('a',{attrs:{"href":"https://www.jetbrains.com/help/idea/sdk.html#set-up-jdk"}},[_v("here")]),_v(".")]),_v(" "),_c('li',[_v("After the importing of the project is complete (which could take a few minutes), you will see the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Gradle Toolbar")]),_v(" in the IDEA interface "),_c('span',{staticClass:"dimmed"},[_v("e.g., look for the elephant icon (on Windows, this appears on the right-edge of the IDE window) and click it")]),_v("."),_c('br'),_v(" "),_c('a',{attrs:{"href":"/guides/tutorials/images/gradle/GradleIcon.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/guides/tutorials/images/gradle/GradleIcon.png","alt":"Gradle icon"}})])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/intellijJdk.html b/tutorials/intellijJdk.html
index 61ba3b88..342fe1fa 100644
--- a/tutorials/intellijJdk.html
+++ b/tutorials/intellijJdk.html
@@ -17,7 +17,7 @@
 <body >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="https://se-education.org" title="SE-EDU" class="navbar-brand" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fas fa-chevron-circle-left" data-v-73b4aa16></span> <strong data-v-73b4aa16><strong data-v-73b4aa16>SE-EDU</strong></strong></span></a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/guides/index.html" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><strong data-v-73b4aa16>Home</strong></span></a></li> <li data-v-73b4aa16><a href="/guides/about.html" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><strong data-v-73b4aa16>About</strong></span></a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/guides" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li class="nav-link" data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search this site" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       Search this site
-    </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper" class="fixed-header-padding"><h1 id="guides-for-se-student-projects"><span class="text-dark"><strong><strong>Guides for SE student projects »</strong></strong></span><a href="#guides-for-se-student-projects" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p></p><h1 id="intellij-idea-configuring-the-jdk">Intellij IDEA: Configuring the JDK<a href="#intellij-idea-configuring-the-jdk" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p>Please refer to Intellij's own documentation <a href="https://www.jetbrains.com/help/idea/sdk.html#set-up-jdk">here</a>.</p><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+    </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper" class="fixed-header-padding"><h1 id="guides-for-se-student-projects"><span class="text-dark"><strong><strong>Guides for SE student projects »</strong></strong></span><a href="#guides-for-se-student-projects" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p></p><h1 id="intellij-idea-configuring-the-jdk">Intellij IDEA: Configuring the JDK<a href="#intellij-idea-configuring-the-jdk" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p>Please refer to Intellij's own documentation <a href="https://www.jetbrains.com/help/idea/sdk.html#set-up-jdk">here</a>.</p><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/intellijJdk.page-vue-render.js b/tutorials/intellijJdk.page-vue-render.js
index c12d204d..1dfc6e4b 100644
--- a/tutorials/intellijJdk.page-vue-render.js
+++ b/tutorials/intellijJdk.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{staticClass:"fixed-header-padding",attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"guides-for-se-student-projects"}},[_c('span',{staticClass:"text-dark"},[_c('strong',[_c('strong',[_v("Guides for SE student projects »")])])]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#guides-for-se-student-projects","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p'),_c('h1',{attrs:{"id":"intellij-idea-configuring-the-jdk"}},[_v("Intellij IDEA: Configuring the JDK"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#intellij-idea-configuring-the-jdk","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("Please refer to Intellij's own documentation "),_c('a',{attrs:{"href":"https://www.jetbrains.com/help/idea/sdk.html#set-up-jdk"}},[_v("here")]),_v(".")]),_c('p')])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/intellijUsefulSettings.html b/tutorials/intellijUsefulSettings.html
index 08b6685c..a0ee6753 100644
--- a/tutorials/intellijUsefulSettings.html
+++ b/tutorials/intellijUsefulSettings.html
@@ -18,7 +18,7 @@
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="https://se-education.org" title="SE-EDU" class="navbar-brand" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fas fa-chevron-circle-left" data-v-73b4aa16></span> <strong data-v-73b4aa16><strong data-v-73b4aa16>SE-EDU</strong></strong></span></a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/guides/index.html" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><strong data-v-73b4aa16>Home</strong></span></a></li> <li data-v-73b4aa16><a href="/guides/about.html" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><strong data-v-73b4aa16>About</strong></span></a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/guides" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li class="nav-link" data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search this site" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       Search this site
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper" class="fixed-header-padding"><h1 id="guides-for-se-student-projects"><span class="text-dark"><strong><strong>Guides for SE student projects »</strong></strong></span><a href="#guides-for-se-student-projects" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p></p><h1 id="intellij-idea-useful-settings">Intellij IDEA: Useful settings<a href="#intellij-idea-useful-settings" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <h2 id="enabling-assertions">Enabling assertions<a href="#enabling-assertions" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-warning" data-v-4d146e2c><i class="fas fa-exclamation" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-warning" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>This tweak does not apply if you use Gradle to run code even within Intellij. In that case, refer to 'Enabling assertions' sections of the <a href="/guides/tutorials/gradle.html#enabling-assertions" data-v-4d146e2c><em data-v-4d146e2c>Gradle tutorial</em></a>.</p></div> <!----></div></div></div> <ol><li>Choose <code class="hljs inline no-lang">Run</code> → <code class="hljs inline no-lang">Edit Configurations...</code>.</li> <li>Select the run configuration of interest.</li> <li>Click on <code class="hljs inline no-lang">Modify options</code> link and choose <code class="hljs inline no-lang">Add VM options</code><br> <img src="/guides/tutorials/images/intellij/addVmOptions.png" width="800"></li> <li>Add <code class="hljs inline no-lang">-ea</code> to the <code class="hljs inline no-lang">VM options</code> box.
-<img src="/guides/tutorials/images/intellij/enableAssertions.png" width="800"></li></ol> <h2 id="enabling-soft-wrapping">Enabling soft wrapping<a href="#enabling-soft-wrapping" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>While it is common to enforce a maximum line length for code written in some languages (typically, for code made up of <em>statements</em> such as Java), it is also common not to enforce such a limit for source content that contain paragraph-like structures (e.g., Markdown, HTML). In such cases, you'll need to scroll the editor window horizontally to read the content, which can be a frustrating experience. Here's an example (notice how the text continues beyond the visible area of the editor window and you need to use the horizontal scrolling to see the hidden part):</p> <p><span class="image-wrapper"><img src="/guides/tutorials/images/intellij/softWraps-before.png" width="" class="img-fluid rounded"> <span class="image-caption"></span></span></p> <p>Luckily, <strong>you can use the 'soft wrap' feature of Intellij to get the editor window to put <span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----> <!----></span> line breaks in the content so that horizontal scrolling is no longer required</strong>. Here is how the same code from the above example looks after enabling the soft-wraps feature (notice how the whole text is visible now, due to the soft line breaks added by the editor):</p> <p><span class="image-wrapper"><img src="/guides/tutorials/images/intellij/softWraps-after.png" width="" class="img-fluid rounded"> <span class="image-caption"></span></span></p> <p>Read <a href="https://www.jetbrains.com/idea/guide/tips/enable-soft-wrap/">this</a> to find how to enable soft wraps.</p><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#intellij-idea-useful-settings" data-v-e6005420>Intellij IDEA: Useful settings‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#enabling-assertions" data-v-e6005420>Enabling assertions‎</a> <a class="nav-link py-1" href="#enabling-soft-wrapping" data-v-e6005420>Enabling soft wrapping‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+<img src="/guides/tutorials/images/intellij/enableAssertions.png" width="800"></li></ol> <h2 id="enabling-soft-wrapping">Enabling soft wrapping<a href="#enabling-soft-wrapping" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>While it is common to enforce a maximum line length for code written in some languages (typically, for code made up of <em>statements</em> such as Java), it is also common not to enforce such a limit for source content that contain paragraph-like structures (e.g., Markdown, HTML). In such cases, you'll need to scroll the editor window horizontally to read the content, which can be a frustrating experience. Here's an example (notice how the text continues beyond the visible area of the editor window and you need to use the horizontal scrolling to see the hidden part):</p> <p><span class="image-wrapper"><img src="/guides/tutorials/images/intellij/softWraps-before.png" width="" class="img-fluid rounded"> <span class="image-caption"></span></span></p> <p>Luckily, <strong>you can use the 'soft wrap' feature of Intellij to get the editor window to put <span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----> <!----></span> line breaks in the content so that horizontal scrolling is no longer required</strong>. Here is how the same code from the above example looks after enabling the soft-wraps feature (notice how the whole text is visible now, due to the soft line breaks added by the editor):</p> <p><span class="image-wrapper"><img src="/guides/tutorials/images/intellij/softWraps-after.png" width="" class="img-fluid rounded"> <span class="image-caption"></span></span></p> <p>Read <a href="https://www.jetbrains.com/idea/guide/tips/enable-soft-wrap/">this</a> to find how to enable soft wraps.</p><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#intellij-idea-useful-settings" data-v-e6005420>Intellij IDEA: Useful settings‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#enabling-assertions" data-v-e6005420>Enabling assertions‎</a> <a class="nav-link py-1" href="#enabling-soft-wrapping" data-v-e6005420>Enabling soft wrapping‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/intellijUsefulSettings.page-vue-render.js b/tutorials/intellijUsefulSettings.page-vue-render.js
index 341b42e7..bdb5a2cd 100644
--- a/tutorials/intellijUsefulSettings.page-vue-render.js
+++ b/tutorials/intellijUsefulSettings.page-vue-render.js
@@ -26,6 +26,6 @@ with(this){return _c('p',[_v("While it is common to enforce a maximum line lengt
 with(this){return _c('p',[_v("Read "),_c('a',{attrs:{"href":"https://www.jetbrains.com/idea/guide/tips/enable-soft-wrap/"}},[_v("this")]),_v(" to find how to enable soft wraps.")])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/jar.html b/tutorials/jar.html
index ce615145..b47f7591 100644
--- a/tutorials/jar.html
+++ b/tutorials/jar.html
@@ -75,7 +75,7 @@
 </svg>
 
     </div>
-    </button></div></pre></div></div><p data-v-661c1b61><span data-v-661c1b61><span aria-hidden="true" class="fas fa-info-circle" data-v-661c1b61></span></span> If you are using JavaFX, see the panel below to find what else you need to add to the <code class="hljs inline no-lang" data-v-661c1b61>build.gradle</code> to pack JavaFX libraries into the generated JAR file.</p> <div class="indented-level1" data-v-661c1b61><span minimized="" class="card-container" data-v-28900d6e><span class="morph" data-v-28900d6e><button class="morph-display-wrapper btn btn-outline-secondary" data-v-28900d6e><div class="minimal-caret-wrapper" data-v-28900d6e><span class="glyphicon glyphicon-chevron-right" data-v-28900d6e></span></div> <span class="card-title" data-v-28900d6e><p data-v-28900d6e><span data-v-28900d6e><span aria-hidden="true" class="glyphicon glyphicon-log-in" data-v-28900d6e></span></span> Tutorials → JavaFX Tutorial Part 1 → If you are using Gradle</p></span></button></span></span></div> <p data-v-661c1b61></p> <hr data-v-661c1b61></div> <div role="tabpanel" class="tab-pane active printable-tab-pane tab-pane-hide" data-v-661c1b61><div class="nav-tabs printable-tab-header" data-v-661c1b61><div class="nav-link active" data-v-661c1b61>With Intellij IDEA</div></div>  <p data-v-661c1b61><strong data-v-661c1b61><span data-v-661c1b61><span aria-hidden="true" class="glyphicon glyphicon-facetime-video" data-v-661c1b61></span></span> Creating a JAR file in Intellij</strong> - A video by Artur Spirin:</p> <div class="block-embed block-embed-service-youtube" style="position:relative;padding-bottom:60.9375%;" data-v-661c1b61><iframe type="text/html" src="//www.youtube.com/embed/3Xo6zSBgdgk" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="allowfullscreen" data-v-661c1b61></iframe></div> <p data-v-661c1b61><strong data-v-661c1b61>If your app uses third-party libraries</strong>, you are recommended to create a fat JAR file using Gradle instead.</p> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>Although JUnit is a third-party library, you need not package it into a fat JAR file because JUnit is used only in the test code, not in the application code.</p> <p data-v-4d146e2c>But if you use JavaFX, you need to package the JavaFX libraries into a fat JAR file.</p></div> <!----></div></div></div> <hr data-v-661c1b61></div></div></div> <h2 id="resources">Resources<a href="#resources" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><a href="https://docs.oracle.com/javase/tutorial/deployment/jar/basicsindex.html">Oracle's tutorial on JAR files</a></li> <li><a href="https://plugins.gradle.org/plugin/com.github.johnrengelman.shadow">Gradle documentation for the Shadow plugin</a></li> <li><a href="https://imperceptiblethoughts.com/shadow/introduction/">Shadow plugin homepage</a></li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#working-with-jar-files" data-v-e6005420>Working with JAR files‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#running-jar-files" data-v-e6005420>Running JAR files‎</a> <a class="nav-link py-1" href="#fat-jar-files" data-v-e6005420>Fat JAR files‎</a> <a class="nav-link py-1" href="#creating-jar-files" data-v-e6005420>Creating JAR files‎</a> <a class="nav-link py-1" href="#resources" data-v-e6005420>Resources‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+    </button></div></pre></div></div><p data-v-661c1b61><span data-v-661c1b61><span aria-hidden="true" class="fas fa-info-circle" data-v-661c1b61></span></span> If you are using JavaFX, see the panel below to find what else you need to add to the <code class="hljs inline no-lang" data-v-661c1b61>build.gradle</code> to pack JavaFX libraries into the generated JAR file.</p> <div class="indented-level1" data-v-661c1b61><span minimized="" class="card-container" data-v-28900d6e><span class="morph" data-v-28900d6e><button class="morph-display-wrapper btn btn-outline-secondary" data-v-28900d6e><div class="minimal-caret-wrapper" data-v-28900d6e><span class="glyphicon glyphicon-chevron-right" data-v-28900d6e></span></div> <span class="card-title" data-v-28900d6e><p data-v-28900d6e><span data-v-28900d6e><span aria-hidden="true" class="glyphicon glyphicon-log-in" data-v-28900d6e></span></span> Tutorials → JavaFX Tutorial Part 1 → If you are using Gradle</p></span></button></span></span></div> <p data-v-661c1b61></p> <hr data-v-661c1b61></div> <div role="tabpanel" class="tab-pane active printable-tab-pane tab-pane-hide" data-v-661c1b61><div class="nav-tabs printable-tab-header" data-v-661c1b61><div class="nav-link active" data-v-661c1b61>With Intellij IDEA</div></div>  <p data-v-661c1b61><strong data-v-661c1b61><span data-v-661c1b61><span aria-hidden="true" class="glyphicon glyphicon-facetime-video" data-v-661c1b61></span></span> Creating a JAR file in Intellij</strong> - A video by Artur Spirin:</p> <div class="block-embed block-embed-service-youtube" style="position:relative;padding-bottom:60.9375%;" data-v-661c1b61><iframe type="text/html" src="//www.youtube.com/embed/3Xo6zSBgdgk" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="allowfullscreen" data-v-661c1b61></iframe></div> <p data-v-661c1b61><strong data-v-661c1b61>If your app uses third-party libraries</strong>, you are recommended to create a fat JAR file using Gradle instead.</p> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>Although JUnit is a third-party library, you need not package it into a fat JAR file because JUnit is used only in the test code, not in the application code.</p> <p data-v-4d146e2c>But if you use JavaFX, you need to package the JavaFX libraries into a fat JAR file.</p></div> <!----></div></div></div> <hr data-v-661c1b61></div></div></div> <h2 id="resources">Resources<a href="#resources" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><a href="https://docs.oracle.com/javase/tutorial/deployment/jar/basicsindex.html">Oracle's tutorial on JAR files</a></li> <li><a href="https://plugins.gradle.org/plugin/com.github.johnrengelman.shadow">Gradle documentation for the Shadow plugin</a></li> <li><a href="https://imperceptiblethoughts.com/shadow/introduction/">Shadow plugin homepage</a></li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#working-with-jar-files" data-v-e6005420>Working with JAR files‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#running-jar-files" data-v-e6005420>Running JAR files‎</a> <a class="nav-link py-1" href="#fat-jar-files" data-v-e6005420>Fat JAR files‎</a> <a class="nav-link py-1" href="#creating-jar-files" data-v-e6005420>Creating JAR files‎</a> <a class="nav-link py-1" href="#resources" data-v-e6005420>Resources‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/jar.page-vue-render.js b/tutorials/jar.page-vue-render.js
index 88a73092..740e85d2 100644
--- a/tutorials/jar.page-vue-render.js
+++ b/tutorials/jar.page-vue-render.js
@@ -44,6 +44,6 @@ with(this){return _c('h2',{attrs:{"id":"resources"}},[_v("Resources"),_c('a',{st
 with(this){return _c('ul',[_c('li',[_c('a',{attrs:{"href":"https://docs.oracle.com/javase/tutorial/deployment/jar/basicsindex.html"}},[_v("Oracle's tutorial on JAR files")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://plugins.gradle.org/plugin/com.github.johnrengelman.shadow"}},[_v("Gradle documentation for the Shadow plugin")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://imperceptiblethoughts.com/shadow/introduction/"}},[_v("Shadow plugin homepage")])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/javaFx.html b/tutorials/javaFx.html
index 8c2bfcc7..6e5c2f68 100644
--- a/tutorials/javaFx.html
+++ b/tutorials/javaFx.html
@@ -17,7 +17,7 @@
 <body  data-bs-spy="scroll" data-bs-target="#mb-page-nav" data-bs-offset="100" >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="https://se-education.org" title="SE-EDU" class="navbar-brand" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fas fa-chevron-circle-left" data-v-73b4aa16></span> <strong data-v-73b4aa16><strong data-v-73b4aa16>SE-EDU</strong></strong></span></a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/guides/index.html" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><strong data-v-73b4aa16>Home</strong></span></a></li> <li data-v-73b4aa16><a href="/guides/about.html" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><strong data-v-73b4aa16>About</strong></span></a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/guides" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li class="nav-link" data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search this site" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       Search this site
-    </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper" class="fixed-header-padding"><h1 id="guides-for-se-student-projects"><span class="text-dark"><strong><strong>Guides for SE student projects »</strong></strong></span><a href="#guides-for-se-student-projects" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p></p><h1 id="javafx-tutorial">JavaFX tutorial<a href="#javafx-tutorial" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <ul><li><a href="/guides/tutorials/javaFxPart1.html">Part 1: Introduction</a></li> <li><a href="/guides/tutorials/javaFxPart2.html">Part 2: Creating a GUI for Duke</a></li> <li><a href="/guides/tutorials/javaFxPart3.html">Part 3: Interacting with the user</a></li> <li><a href="/guides/tutorials/javaFxPart4.html">Part 4: Using FXML</a></li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#javafx-tutorial" data-v-e6005420>JavaFX tutorial‎</a> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+    </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper" class="fixed-header-padding"><h1 id="guides-for-se-student-projects"><span class="text-dark"><strong><strong>Guides for SE student projects »</strong></strong></span><a href="#guides-for-se-student-projects" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p></p><h1 id="javafx-tutorial">JavaFX tutorial<a href="#javafx-tutorial" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <ul><li><a href="/guides/tutorials/javaFxPart1.html">Part 1: Introduction</a></li> <li><a href="/guides/tutorials/javaFxPart2.html">Part 2: Creating a GUI for Duke</a></li> <li><a href="/guides/tutorials/javaFxPart3.html">Part 3: Interacting with the user</a></li> <li><a href="/guides/tutorials/javaFxPart4.html">Part 4: Using FXML</a></li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#javafx-tutorial" data-v-e6005420>JavaFX tutorial‎</a> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/javaFx.page-vue-render.js b/tutorials/javaFx.page-vue-render.js
index e611f220..02aedeb7 100644
--- a/tutorials/javaFx.page-vue-render.js
+++ b/tutorials/javaFx.page-vue-render.js
@@ -8,6 +8,6 @@ with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""
 with(this){return _c('div',{staticClass:"fixed-header-padding",attrs:{"id":"content-wrapper"}},[_c('h1',{attrs:{"id":"guides-for-se-student-projects"}},[_c('span',{staticClass:"text-dark"},[_c('strong',[_c('strong',[_v("Guides for SE student projects »")])])]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#guides-for-se-student-projects","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p'),_c('h1',{attrs:{"id":"javafx-tutorial"}},[_v("JavaFX tutorial"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#javafx-tutorial","onclick":"event.stopPropagation()"}})]),_v(" "),_c('ul',[_c('li',[_c('a',{attrs:{"href":"/guides/tutorials/javaFxPart1.html"}},[_v("Part 1: Introduction")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"/guides/tutorials/javaFxPart2.html"}},[_v("Part 2: Creating a GUI for Duke")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"/guides/tutorials/javaFxPart3.html"}},[_v("Part 3: Interacting with the user")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"/guides/tutorials/javaFxPart4.html"}},[_v("Part 4: Using FXML")])])]),_c('p')])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/javaFxPart1.html b/tutorials/javaFxPart1.html
index 8ab51053..bfcec8db 100644
--- a/tutorials/javaFxPart1.html
+++ b/tutorials/javaFxPart1.html
@@ -140,7 +140,7 @@
 </svg>
 
     </div>
-    </button></div></pre><p>Now, run <code class="hljs inline no-lang">Launcher</code> and you should see something like this:</p> <p><a href="/guides/tutorials/images/javafx/HelloWorld.png" target="_self"><img src="/guides/tutorials/images/javafx/HelloWorld.png" alt="Hello World" class="img-fluid"></a></p> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>The following warning issued by Java runtime can be ignored. This warning appears when you use a later JavaFX version (e.g., 17) with a JDK version that doesn't support the <em data-v-4d146e2c>modules</em> feature yet (e.g., Java 11).</p> <blockquote data-v-4d146e2c><p data-v-4d146e2c>WARNING: Unsupported JavaFX configuration: classes were loaded from 'unnamed module @...</p></blockquote></div> <!----></div></div></div> <p>Congratulations! You have created your first GUI application!</p> <h2 id="exercises">Exercises<a href="#exercises" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li><p>We mentioned that <code class="hljs inline no-lang">Node</code>s are the fundamental building blocks of JavaFX and used a <code class="hljs inline no-lang">Label</code> as our root node in the HelloWorld application.</p> <ol><li>What are some of the other types of <code class="hljs inline no-lang">Node</code>s?</li> <li>How does JavaFX group them?</li></ol></li> <li><p><code class="hljs inline no-lang">Node</code>s can be interacted with like Plain Old Java Objects (POJO).</p> <ol><li>What properties of a <code class="hljs inline no-lang">Label</code> can you change programmatically?</li> <li>Try changing the <code class="hljs inline no-lang">Label</code> to have a font of Arial at size 50.</li></ol></li> <li><p>You’ve learnt that a <code class="hljs inline no-lang">Stage</code> can be thought of as a window.</p> <ol><li>Can you have more than one <code class="hljs inline no-lang">Stage</code> an application?</li> <li>Try creating another stage and showing it! What happens?</li></ol></li></ol> <p><a href="/guides/tutorials/javaFx.html"><span aria-hidden="true" class="fas fa-arrow-up"></span> <strong>ToC</strong></a> | <span class="badge rounded-pill bg-primary"><strong><span class="large">What's next?</span></strong></span> <a href="/guides/tutorials/javaFxPart2.html"><span aria-hidden="true" class="fas fa-arrow-right"></span> JavaFX tutorial part 2 - <strong>Creating a GUI for Duke</strong></a></p> <hr> <p><strong>Authors:</strong></p> <ul><li>Initial Version: Jeffry Lum</li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#javafx-tutorial-part-1-introduction" data-v-e6005420>JavaFX tutorial part 1 – Introduction‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#lifecycle-of-a-javafx-application" data-v-e6005420>Lifecycle of a JavaFX  application‎</a> <a class="nav-link py-1" href="#setting-up-java-fx" data-v-e6005420>Setting up Java FX‎</a> <a class="nav-link py-1" href="#writing-your-first-program" data-v-e6005420>Writing your first program‎</a> <a class="nav-link py-1" href="#exercises" data-v-e6005420>Exercises‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+    </button></div></pre><p>Now, run <code class="hljs inline no-lang">Launcher</code> and you should see something like this:</p> <p><a href="/guides/tutorials/images/javafx/HelloWorld.png" target="_self"><img src="/guides/tutorials/images/javafx/HelloWorld.png" alt="Hello World" class="img-fluid"></a></p> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>The following warning issued by Java runtime can be ignored. This warning appears when you use a later JavaFX version (e.g., 17) with a JDK version that doesn't support the <em data-v-4d146e2c>modules</em> feature yet (e.g., Java 11).</p> <blockquote data-v-4d146e2c><p data-v-4d146e2c>WARNING: Unsupported JavaFX configuration: classes were loaded from 'unnamed module @...</p></blockquote></div> <!----></div></div></div> <p>Congratulations! You have created your first GUI application!</p> <h2 id="exercises">Exercises<a href="#exercises" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li><p>We mentioned that <code class="hljs inline no-lang">Node</code>s are the fundamental building blocks of JavaFX and used a <code class="hljs inline no-lang">Label</code> as our root node in the HelloWorld application.</p> <ol><li>What are some of the other types of <code class="hljs inline no-lang">Node</code>s?</li> <li>How does JavaFX group them?</li></ol></li> <li><p><code class="hljs inline no-lang">Node</code>s can be interacted with like Plain Old Java Objects (POJO).</p> <ol><li>What properties of a <code class="hljs inline no-lang">Label</code> can you change programmatically?</li> <li>Try changing the <code class="hljs inline no-lang">Label</code> to have a font of Arial at size 50.</li></ol></li> <li><p>You’ve learnt that a <code class="hljs inline no-lang">Stage</code> can be thought of as a window.</p> <ol><li>Can you have more than one <code class="hljs inline no-lang">Stage</code> an application?</li> <li>Try creating another stage and showing it! What happens?</li></ol></li></ol> <p><a href="/guides/tutorials/javaFx.html"><span aria-hidden="true" class="fas fa-arrow-up"></span> <strong>ToC</strong></a> | <span class="badge rounded-pill bg-primary"><strong><span class="large">What's next?</span></strong></span> <a href="/guides/tutorials/javaFxPart2.html"><span aria-hidden="true" class="fas fa-arrow-right"></span> JavaFX tutorial part 2 - <strong>Creating a GUI for Duke</strong></a></p> <hr> <p><strong>Authors:</strong></p> <ul><li>Initial Version: Jeffry Lum</li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#javafx-tutorial-part-1-introduction" data-v-e6005420>JavaFX tutorial part 1 – Introduction‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#lifecycle-of-a-javafx-application" data-v-e6005420>Lifecycle of a JavaFX  application‎</a> <a class="nav-link py-1" href="#setting-up-java-fx" data-v-e6005420>Setting up Java FX‎</a> <a class="nav-link py-1" href="#writing-your-first-program" data-v-e6005420>Writing your first program‎</a> <a class="nav-link py-1" href="#exercises" data-v-e6005420>Exercises‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/javaFxPart1.page-vue-render.js b/tutorials/javaFxPart1.page-vue-render.js
index d70004f1..cdbc1d52 100644
--- a/tutorials/javaFxPart1.page-vue-render.js
+++ b/tutorials/javaFxPart1.page-vue-render.js
@@ -74,6 +74,6 @@ with(this){return _c('p',[_c('strong',[_v("Authors:")])])}
 with(this){return _c('ul',[_c('li',[_v("Initial Version: Jeffry Lum")])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/javaFxPart2.html b/tutorials/javaFxPart2.html
index aba7d3ac..59789244 100644
--- a/tutorials/javaFxPart2.html
+++ b/tutorials/javaFxPart2.html
@@ -134,7 +134,7 @@
 </svg>
 
     </div>
-    </button></div></pre><p>Run the application again. It should now look like this:</p> <p><a href="/guides/tutorials/images/javafx/FinalLayout.png" target="_self"><img src="/guides/tutorials/images/javafx/FinalLayout.png" alt="Duke's Final layout" class="img-fluid"></a></p> <h2 id="exercises">Exercises<a href="#exercises" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li><p>In the tutorial, we used an <code class="hljs inline no-lang">AnchorPane</code> to achieve the desired layout.</p> <ol><li>Can you find other ways to obtain a similar layout?</li> <li>What are the advantages and disadvantages of your layout?</li></ol></li> <li><p>Try interacting with the application</p> <ol><li>What happens when you press the <code class="hljs inline no-lang">Enter</code> key or left-click the send button?</li> <li>Why?</li></ol></li></ol> <p><a href="/guides/tutorials/javaFxPart1.html"><span aria-hidden="true" class="fas fa-arrow-left"></span> Previous</a> | <a href="/guides/tutorials/javaFx.html"><span aria-hidden="true" class="fas fa-arrow-up"></span> <strong>ToC</strong></a> | <span class="badge rounded-pill bg-primary"><strong><span class="large">What's next?</span></strong></span> <a href="/guides/tutorials/javaFxPart3.html"><span aria-hidden="true" class="fas fa-arrow-right"></span> JavaFX tutorial part 3 - <strong>Interacting with the user</strong></a></p> <hr> <p><strong>Authors:</strong></p> <ul><li>Initial Version: Jeffry Lum</li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#javafx-tutorial-part-2-creating-a-gui-for-duke" data-v-e6005420>JavaFX tutorial part 2 - Creating a GUI for Duke‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#javafx-controls" data-v-e6005420>JavaFX controls‎</a> <a class="nav-link py-1" href="#designing-the-layout" data-v-e6005420>Designing the Layout‎</a> <a class="nav-link py-1" href="#styling-the-controls" data-v-e6005420>Styling the Controls‎</a> <a class="nav-link py-1" href="#exercises" data-v-e6005420>Exercises‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+    </button></div></pre><p>Run the application again. It should now look like this:</p> <p><a href="/guides/tutorials/images/javafx/FinalLayout.png" target="_self"><img src="/guides/tutorials/images/javafx/FinalLayout.png" alt="Duke's Final layout" class="img-fluid"></a></p> <h2 id="exercises">Exercises<a href="#exercises" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li><p>In the tutorial, we used an <code class="hljs inline no-lang">AnchorPane</code> to achieve the desired layout.</p> <ol><li>Can you find other ways to obtain a similar layout?</li> <li>What are the advantages and disadvantages of your layout?</li></ol></li> <li><p>Try interacting with the application</p> <ol><li>What happens when you press the <code class="hljs inline no-lang">Enter</code> key or left-click the send button?</li> <li>Why?</li></ol></li></ol> <p><a href="/guides/tutorials/javaFxPart1.html"><span aria-hidden="true" class="fas fa-arrow-left"></span> Previous</a> | <a href="/guides/tutorials/javaFx.html"><span aria-hidden="true" class="fas fa-arrow-up"></span> <strong>ToC</strong></a> | <span class="badge rounded-pill bg-primary"><strong><span class="large">What's next?</span></strong></span> <a href="/guides/tutorials/javaFxPart3.html"><span aria-hidden="true" class="fas fa-arrow-right"></span> JavaFX tutorial part 3 - <strong>Interacting with the user</strong></a></p> <hr> <p><strong>Authors:</strong></p> <ul><li>Initial Version: Jeffry Lum</li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#javafx-tutorial-part-2-creating-a-gui-for-duke" data-v-e6005420>JavaFX tutorial part 2 - Creating a GUI for Duke‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#javafx-controls" data-v-e6005420>JavaFX controls‎</a> <a class="nav-link py-1" href="#designing-the-layout" data-v-e6005420>Designing the Layout‎</a> <a class="nav-link py-1" href="#styling-the-controls" data-v-e6005420>Styling the Controls‎</a> <a class="nav-link py-1" href="#exercises" data-v-e6005420>Exercises‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/javaFxPart2.page-vue-render.js b/tutorials/javaFxPart2.page-vue-render.js
index 441e27f7..0814123e 100644
--- a/tutorials/javaFxPart2.page-vue-render.js
+++ b/tutorials/javaFxPart2.page-vue-render.js
@@ -77,6 +77,6 @@ with(this){return _c('p',[_c('strong',[_v("Authors:")])])}
 with(this){return _c('ul',[_c('li',[_v("Initial Version: Jeffry Lum")])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/javaFxPart3.html b/tutorials/javaFxPart3.html
index edc9ca65..918bcf56 100644
--- a/tutorials/javaFxPart3.html
+++ b/tutorials/javaFxPart3.html
@@ -317,7 +317,7 @@
 
     </div>
     </button></div></pre><p>Run the application and play around with it.</p> <p><a href="/guides/tutorials/images/javafx/DialogBoxesIteration3.png" target="_self"><img src="/guides/tutorials/images/javafx/DialogBoxesIteration3.png" alt="DialogBoxes Iteration 3" class="img-fluid"></a></p> <p>Congratulations!
-You have successfully implemented a fully functional GUI for Duke!</p> <h2 id="exercises">Exercises<a href="#exercises" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li><p>While the GUI looks similar to the mockup, there are still parts that need to be refined. Try your hand at some of these tasks:</p> <ul><li>Add padding between each DialogBox</li> <li>Add padding between each ImageView and its Label</li> <li>Clip the ImageView into a circle</li> <li>Add background color to each dialog box</li></ul></li> <li><p>After attempting the changes, reflect critically on the following:</p> <ul><li>What was the development workflow like?</li> <li>Is the code base well-organized?</li></ul></li></ol> <p><a href="/guides/tutorials/javaFxPart2.html"><span aria-hidden="true" class="fas fa-arrow-left"></span> Previous</a> | <a href="/guides/tutorials/javaFx.html"><span aria-hidden="true" class="fas fa-arrow-up"></span> <strong>ToC</strong></a> | <span class="badge rounded-pill bg-primary"><strong><span class="large">What's next?</span></strong></span> <a href="/guides/tutorials/javaFxPart4.html"><span aria-hidden="true" class="fas fa-arrow-right"></span> JavaFX tutorial part 4 - <strong>Using FXML</strong></a></p> <hr> <p><strong>Authors:</strong></p> <ul><li>Initial Version: Jeffry Lum</li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#javafx-tutorial-part-3-interacting-with-the-user" data-v-e6005420>JavaFX tutorial part 3 – Interacting with the user‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#iteration-1-echoing-the-user" data-v-e6005420>Iteration 1 – Echoing the user‎</a> <a class="nav-link py-1" href="#iteration-2-adding-dialog-boxes" data-v-e6005420>Iteration 2 – Adding Dialog Boxes‎</a> <a class="nav-link py-1" href="#iteration-3-adding-custom-behavior-to-dialogbox" data-v-e6005420>Iteration 3 – Adding custom behavior to DialogBox‎</a> <a class="nav-link py-1" href="#exercises" data-v-e6005420>Exercises‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+You have successfully implemented a fully functional GUI for Duke!</p> <h2 id="exercises">Exercises<a href="#exercises" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li><p>While the GUI looks similar to the mockup, there are still parts that need to be refined. Try your hand at some of these tasks:</p> <ul><li>Add padding between each DialogBox</li> <li>Add padding between each ImageView and its Label</li> <li>Clip the ImageView into a circle</li> <li>Add background color to each dialog box</li></ul></li> <li><p>After attempting the changes, reflect critically on the following:</p> <ul><li>What was the development workflow like?</li> <li>Is the code base well-organized?</li></ul></li></ol> <p><a href="/guides/tutorials/javaFxPart2.html"><span aria-hidden="true" class="fas fa-arrow-left"></span> Previous</a> | <a href="/guides/tutorials/javaFx.html"><span aria-hidden="true" class="fas fa-arrow-up"></span> <strong>ToC</strong></a> | <span class="badge rounded-pill bg-primary"><strong><span class="large">What's next?</span></strong></span> <a href="/guides/tutorials/javaFxPart4.html"><span aria-hidden="true" class="fas fa-arrow-right"></span> JavaFX tutorial part 4 - <strong>Using FXML</strong></a></p> <hr> <p><strong>Authors:</strong></p> <ul><li>Initial Version: Jeffry Lum</li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#javafx-tutorial-part-3-interacting-with-the-user" data-v-e6005420>JavaFX tutorial part 3 – Interacting with the user‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#iteration-1-echoing-the-user" data-v-e6005420>Iteration 1 – Echoing the user‎</a> <a class="nav-link py-1" href="#iteration-2-adding-dialog-boxes" data-v-e6005420>Iteration 2 – Adding Dialog Boxes‎</a> <a class="nav-link py-1" href="#iteration-3-adding-custom-behavior-to-dialogbox" data-v-e6005420>Iteration 3 – Adding custom behavior to DialogBox‎</a> <a class="nav-link py-1" href="#exercises" data-v-e6005420>Exercises‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/javaFxPart3.page-vue-render.js b/tutorials/javaFxPart3.page-vue-render.js
index 8821aa0d..0660f94a 100644
--- a/tutorials/javaFxPart3.page-vue-render.js
+++ b/tutorials/javaFxPart3.page-vue-render.js
@@ -116,6 +116,6 @@ with(this){return _c('p',[_c('strong',[_v("Authors:")])])}
 with(this){return _c('ul',[_c('li',[_v("Initial Version: Jeffry Lum")])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/javaFxPart4.html b/tutorials/javaFxPart4.html
index 99a28d41..58552b39 100644
--- a/tutorials/javaFxPart4.html
+++ b/tutorials/javaFxPart4.html
@@ -320,7 +320,7 @@
 </svg>
 
     </div>
-    </button></div></pre><h2 id="exercises">Exercises<a href="#exercises" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li>Convert <code class="hljs inline no-lang">MainWindow</code> to use the <code class="hljs inline no-lang">fx:root</code> construct.</li> <li>Extend <code class="hljs inline no-lang">MainWindow</code> to have a <code class="hljs inline no-lang">Stage</code> as a root Node.</li> <li>Customize the appearance of the application further with CSS.</li></ol> <p><a href="/guides/tutorials/javaFxPart3.html"><span aria-hidden="true" class="fas fa-arrow-left"></span> Previous</a> | <a href="/guides/tutorials/javaFx.html"><span aria-hidden="true" class="fas fa-arrow-up"></span> <strong>ToC</strong></a></p> <hr> <p><strong>Authors:</strong></p> <ul><li>Initial Version: Jeffry Lum</li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#javafx-tutorial-part-4-using-fxml" data-v-e6005420>JavaFX tutorial part 4 – Using FXML‎</a> <a class="nav-link py-1" href="#rebuilding-the-scene-using-fxml" data-v-e6005420>Rebuilding the Scene using FXML‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#using-controllers" data-v-e6005420>Using Controllers‎</a> <a class="nav-link py-1" href="#using-fxml-in-our-application" data-v-e6005420>Using FXML in our application‎</a> <a class="nav-link py-1" href="#exercises" data-v-e6005420>Exercises‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+    </button></div></pre><h2 id="exercises">Exercises<a href="#exercises" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li>Convert <code class="hljs inline no-lang">MainWindow</code> to use the <code class="hljs inline no-lang">fx:root</code> construct.</li> <li>Extend <code class="hljs inline no-lang">MainWindow</code> to have a <code class="hljs inline no-lang">Stage</code> as a root Node.</li> <li>Customize the appearance of the application further with CSS.</li></ol> <p><a href="/guides/tutorials/javaFxPart3.html"><span aria-hidden="true" class="fas fa-arrow-left"></span> Previous</a> | <a href="/guides/tutorials/javaFx.html"><span aria-hidden="true" class="fas fa-arrow-up"></span> <strong>ToC</strong></a></p> <hr> <p><strong>Authors:</strong></p> <ul><li>Initial Version: Jeffry Lum</li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#javafx-tutorial-part-4-using-fxml" data-v-e6005420>JavaFX tutorial part 4 – Using FXML‎</a> <a class="nav-link py-1" href="#rebuilding-the-scene-using-fxml" data-v-e6005420>Rebuilding the Scene using FXML‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#using-controllers" data-v-e6005420>Using Controllers‎</a> <a class="nav-link py-1" href="#using-fxml-in-our-application" data-v-e6005420>Using FXML in our application‎</a> <a class="nav-link py-1" href="#exercises" data-v-e6005420>Exercises‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/javaFxPart4.page-vue-render.js b/tutorials/javaFxPart4.page-vue-render.js
index 7b5971ab..9e866550 100644
--- a/tutorials/javaFxPart4.page-vue-render.js
+++ b/tutorials/javaFxPart4.page-vue-render.js
@@ -110,6 +110,6 @@ with(this){return _c('p',[_c('strong',[_v("Authors:")])])}
 with(this){return _c('ul',[_c('li',[_v("Initial Version: Jeffry Lum")])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/jekyll.html b/tutorials/jekyll.html
index f171c50e..5654623e 100644
--- a/tutorials/jekyll.html
+++ b/tutorials/jekyll.html
@@ -20,7 +20,7 @@
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper" class="fixed-header-padding"><h1 id="guides-for-se-student-projects"><span class="text-dark"><strong><strong>Guides for SE student projects »</strong></strong></span><a href="#guides-for-se-student-projects" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p></p><h1 id="using-jekyll-for-project-documentation">Using Jekyll for project documentation<a href="#using-jekyll-for-project-documentation" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="lead"><p><strong><a href="https://jekyllrb.com/">Jekyll</a> is a popular tool for generating static websites from markdown-like text</strong>.</p></div> <p>Given below are some information useful for when you want to update documentation in a project that uses Jekyll.</p> <h2 id="setting-up-github-pages-for-jekyll">Setting up GitHub Pages for Jekyll<a href="#setting-up-github-pages-for-jekyll" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>As GitHub has native support for Jekyll, it can convert your documentation into HTML and deploy it on the <code class="hljs inline no-lang">github.io</code> URL of your project.</p> <p>Do the following to set up the GitHub Pages website of your project:</p> <ol><li>Go to your repo's <span class="border border-secondary border-bottom-0 pr-1 pl-1 mr-1 ml-1 rounded-top"><small>settings <span aria-hidden="true" class="fas fa-cog"></span></small></span> tab.</li> <li>Click <span class="border">  Pages </span> on the menu on the left edge of page.</li> <li>Set the <code class="hljs inline no-lang">Source</code> as: <span class="border border-secondary pr-1 pl-1 mr-1 ml-1 rounded"> Deploy from a branch <svg version="1.1" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" class="octicon octicon-triangle-down"><path d="M4.427 7.427l3.396 3.396a.25.25 0 00.354 0l3.396-3.396A.25.25 0 0011.396 7H4.604a.25.25 0 00-.177.427z"></path></svg></span> branch<span class="border border-secondary pr-1 pl-1 mr-1 ml-1 rounded"><svg version="1.1" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" class="octicon octicon-git-branch"><path fill-rule="evenodd" d="M11.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122V6A2.5 2.5 0 0110 8.5H6a1 1 0 00-1 1v1.128a2.251 2.251 0 11-1.5 0V5.372a2.25 2.25 0 111.5 0v1.836A2.492 2.492 0 016 7h4a1 1 0 001-1v-.628A2.25 2.25 0 019.5 3.25zM4.25 12a.75.75 0 100 1.5.75.75 0 000-1.5zM3.5 3.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0z"></path></svg> master <svg version="1.1" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" class="octicon octicon-triangle-down"><path d="M4.427 7.427l3.396 3.396a.25.25 0 00.354 0l3.396-3.396A.25.25 0 0011.396 7H4.604a.25.25 0 00-.177.427z"></path></svg></span> branch and <span class="border border-secondary pr-1 pl-1 mr-1 ml-1 rounded"><svg version="1.1" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" class="octicon octicon-file-directory"><path fill-rule="evenodd" d="M1.75 1A1.75 1.75 0 000 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0016 13.25v-8.5A1.75 1.75 0 0014.25 3h-6.5a.25.25 0 01-.2-.1l-.9-1.2c-.33-.44-.85-.7-1.4-.7h-3.5z"></path></svg> /docs <svg version="1.1" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" class="octicon octicon-triangle-down"><path d="M4.427 7.427l3.396 3.396a.25.25 0 00.354 0l3.396-3.396A.25.25 0 0011.396 7H4.604a.25.25 0 00-.177.427z"></path></svg></span> folder (assuming project documentation is in that folder) and click <span class="border border-secondary pr-1 pl-1 mr-1 ml-1 rounded"> Save </span>.</li></ol> <p>The project website will be available at <code class="hljs inline no-lang">https://{your_org}.github.io/{your_repo}</code> the next time the <code class="hljs inline no-lang">master</code> branch is updated. Example: <code class="hljs inline no-lang">https://myorg.github.io/myrepo</code></p> <h2 id="updating-documents">Updating documents<a href="#updating-documents" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Jekyll uses <a href="https://kramdown.gettalong.org/syntax.html"><strong>kramdown</strong></a> (a superset of Markdown) for writing content. You can use Intellij (or any other text editor) to update the relevant <code class="hljs inline no-lang">.md</code> files.</p> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-success" data-v-4d146e2c><i class="fas fa-lightbulb" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>Recommendation: Limit your content to Markdown and GFMD</strong> syntax only i.e., avoid kramdown-specific syntax that are not compatible with Markdown/GFMD</p></div> <!----></div></div></div> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-success" data-v-4d146e2c><i class="fas fa-lightbulb" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>Recommendation: Enable <em data-v-4d146e2c>soft-wrapping</em> in your code editor</strong> for <code class="hljs inline no-lang" data-v-4d146e2c>*.md</code> files. For example, as explained in <a href="/guides/tutorials/intellijUsefulSettings.html#enabling-soft-wrapping" data-v-4d146e2c><strong data-v-4d146e2c>Intellij IDEA: Useful settings</strong></a> guide.</p></div> <!----></div></div></div> <ul><li><strong>Previewing changes locally</strong>: There are several ways to preview changes locally.
 <ul><li><strong>Option 1 -- Intellij preview</strong>: Intellij supports previewing Markdown files, as explained <a href="https://www.jetbrains.com/help/idea/markdown.html">here</a>. While the preview shown by Intellij is somewhat rudimentary, it is good enough for most cases.</li> <li><strong>Option 2 -- Run Jekyll locally</strong>: You can <a href="https://help.github.com/en/github/working-with-github-pages/testing-your-github-pages-site-locally-with-jekyll">set up Jekyll locally and run it</a> to see the exact way the update affects the final outcome.</li></ul></li> <li><strong>Previewing changes on GitHub</strong>:
 <ul><li><strong>Option 1 -- GitHub preview</strong>: You can see a basic preview of the page by navigating to the corresponding <code class="hljs inline no-lang">.md</code> source file in GitHub.</li> <li><strong>Option 2 -- Use Netlify PR preview</strong>: You can set up Netlify to show previews of PRs (to learn how, read the <a href="/guides/tutorials/netlify.html"><em>Using Netlify</em></a> guide). This method shows a preview of the exact way the update affects the final outcome.</li></ul></li></ul> <h2 id="site-wide-settings">Site-wide settings<a href="#site-wide-settings" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><p>Typically, the <code class="hljs inline no-lang">_config.yml</code> file specifies project-specific site-wide settings.<br>
-An example is the <code class="hljs inline no-lang">title</code> property, which defines the title of your site, usually the name of your project.</p></li> <li><p>The files in <code class="hljs inline no-lang">docs/_include</code> and <code class="hljs inline no-lang">docs/_layouts</code> control the template of the pages; the files in <code class="hljs inline no-lang">docs/_sass</code> control the style of the pages.</p> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-warning" data-v-4d146e2c><i class="fas fa-exclamation" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-warning" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>Caution</strong>: Modifying these files requires some knowledge and experience with Jekyll. You should only modify them (at your own risk) if you need greater control over the site’s layout.</p></div> <!----></div></div></div></li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#using-jekyll-for-project-documentation" data-v-e6005420>Using Jekyll for project documentation‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up-github-pages-for-jekyll" data-v-e6005420>Setting up GitHub Pages for Jekyll‎</a> <a class="nav-link py-1" href="#updating-documents" data-v-e6005420>Updating documents‎</a> <a class="nav-link py-1" href="#site-wide-settings" data-v-e6005420>Site-wide settings‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+An example is the <code class="hljs inline no-lang">title</code> property, which defines the title of your site, usually the name of your project.</p></li> <li><p>The files in <code class="hljs inline no-lang">docs/_include</code> and <code class="hljs inline no-lang">docs/_layouts</code> control the template of the pages; the files in <code class="hljs inline no-lang">docs/_sass</code> control the style of the pages.</p> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-warning" data-v-4d146e2c><i class="fas fa-exclamation" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-warning" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>Caution</strong>: Modifying these files requires some knowledge and experience with Jekyll. You should only modify them (at your own risk) if you need greater control over the site’s layout.</p></div> <!----></div></div></div></li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#using-jekyll-for-project-documentation" data-v-e6005420>Using Jekyll for project documentation‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up-github-pages-for-jekyll" data-v-e6005420>Setting up GitHub Pages for Jekyll‎</a> <a class="nav-link py-1" href="#updating-documents" data-v-e6005420>Updating documents‎</a> <a class="nav-link py-1" href="#site-wide-settings" data-v-e6005420>Site-wide settings‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/jekyll.page-vue-render.js b/tutorials/jekyll.page-vue-render.js
index 4660f9dd..47b54d9b 100644
--- a/tutorials/jekyll.page-vue-render.js
+++ b/tutorials/jekyll.page-vue-render.js
@@ -47,6 +47,6 @@ with(this){return _c('li',[_c('p',[_v("Typically, the "),_c('code',{pre:true,att
 with(this){return _c('p',[_v("The files in "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("docs/_include")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("docs/_layouts")]),_v(" control the template of the pages; the files in "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("docs/_sass")]),_v(" control the style of the pages.")])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/junit.html b/tutorials/junit.html
index d1c1d386..c309e911 100644
--- a/tutorials/junit.html
+++ b/tutorials/junit.html
@@ -105,7 +105,7 @@
     </div>
     </button></div></pre></div></div><p><strong>3. Run tests</strong>, either using the Intellij UI (preferred -- this makes debugging failed test cases easier) or using Gradle itself, as explained in the section below.</p> <h2 id="running-tests">Running tests<a href="#running-tests" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><strong>In Intellij IDEA</strong>:
 <ul><li>To run a specific JUnit test class (e.g., <code class="hljs inline no-lang">src/test/java/seedu/DukeTest.java</code>), right-click on the test class, and choose <span class="text-success"><span aria-hidden="true" class="fas fa-play"></span></span> <code class="hljs inline no-lang">Run {classname}</code>.</li> <li>To run all tests in a folder (e.g., <code class="hljs inline no-lang">src/test/java</code> folder), right-click on the folder, and choose <span class="text-success"><span aria-hidden="true" class="fas fa-play"></span></span> <code class="hljs inline no-lang">Run Tests in '...'</code>.</li> <li>Other supported IDEs (e.g., Eclipse, NetBeans, VS Code, etc.) have similar mechanisms.</li></ul></li> <li><strong>Using Gradle</strong>:
-<ul><li>To run all tests in the project, run the Gradle task <code class="hljs inline no-lang">test</code> (<a href="/guides/tutorials/gradle.html#running-gradle-tasks">more info on running Gradle tasks</a>)</li> <li>[If using Intellij UI to run the <code class="hljs inline no-lang">test</code> task] The location of the <code class="hljs inline no-lang">test</code> task in the Gradle task hierarchy is <code class="hljs inline no-lang">Tasks -&gt; verification -&gt; test</code> (see screenshot below).<br> <span class="image-wrapper"><img src="/guides/tutorials/images/junit/gradleTaskHierarchy.png" width="" class="img-fluid rounded"> <span class="image-caption"></span></span></li></ul></li> <li>There is also <a href="https://junit.org/junit5/docs/current/user-guide/#running-tests-console-launcher">a way to run JUnit tests in the console (without Gradle or an IDE)</a>, which is not used as much as the above two methods.</li></ul> <h2 id="writing-useful-junit-tests">Writing useful JUnit tests<a href="#writing-useful-junit-tests" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>After you are able to run JUnit tests successfully using a dummy test class such as the above, you can add more tests and test classes as necessary.</p> <p>To learn how to write useful JUnit test cases, refer <a href="https://se-education.org/se-book/cppToJava/junit/basic/index.html">this section</a> of our SE book. For a quick overview of more advance JUnit features, refer <a href="https://se-education.org/se-book/cppToJava/junit/intermediate/index.html">this section</a>.</p> <h2 id="resources">Resources<a href="#resources" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><a href="https://junit.org/junit5/docs/current/user-guide/">JUnit 5 User Guide</a></li> <li><a href="https://docs.gradle.org/current/userguide/java_testing.html#using_junit5">Gradle documentation for JUnit</a></li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#using-junit" data-v-e6005420>Using JUnit‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#conventions-to-follow" data-v-e6005420>Conventions to follow‎</a> <a class="nav-link py-1" href="#adding-junit-support-to-your-project" data-v-e6005420>Adding JUnit support to your project‎</a> <a class="nav-link py-1" href="#running-tests" data-v-e6005420>Running tests‎</a> <a class="nav-link py-1" href="#writing-useful-junit-tests" data-v-e6005420>Writing useful JUnit tests‎</a> <a class="nav-link py-1" href="#resources" data-v-e6005420>Resources‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+<ul><li>To run all tests in the project, run the Gradle task <code class="hljs inline no-lang">test</code> (<a href="/guides/tutorials/gradle.html#running-gradle-tasks">more info on running Gradle tasks</a>)</li> <li>[If using Intellij UI to run the <code class="hljs inline no-lang">test</code> task] The location of the <code class="hljs inline no-lang">test</code> task in the Gradle task hierarchy is <code class="hljs inline no-lang">Tasks -&gt; verification -&gt; test</code> (see screenshot below).<br> <span class="image-wrapper"><img src="/guides/tutorials/images/junit/gradleTaskHierarchy.png" width="" class="img-fluid rounded"> <span class="image-caption"></span></span></li></ul></li> <li>There is also <a href="https://junit.org/junit5/docs/current/user-guide/#running-tests-console-launcher">a way to run JUnit tests in the console (without Gradle or an IDE)</a>, which is not used as much as the above two methods.</li></ul> <h2 id="writing-useful-junit-tests">Writing useful JUnit tests<a href="#writing-useful-junit-tests" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>After you are able to run JUnit tests successfully using a dummy test class such as the above, you can add more tests and test classes as necessary.</p> <p>To learn how to write useful JUnit test cases, refer <a href="https://se-education.org/se-book/cppToJava/junit/basic/index.html">this section</a> of our SE book. For a quick overview of more advance JUnit features, refer <a href="https://se-education.org/se-book/cppToJava/junit/intermediate/index.html">this section</a>.</p> <h2 id="resources">Resources<a href="#resources" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><a href="https://junit.org/junit5/docs/current/user-guide/">JUnit 5 User Guide</a></li> <li><a href="https://docs.gradle.org/current/userguide/java_testing.html#using_junit5">Gradle documentation for JUnit</a></li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#using-junit" data-v-e6005420>Using JUnit‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#conventions-to-follow" data-v-e6005420>Conventions to follow‎</a> <a class="nav-link py-1" href="#adding-junit-support-to-your-project" data-v-e6005420>Adding JUnit support to your project‎</a> <a class="nav-link py-1" href="#running-tests" data-v-e6005420>Running tests‎</a> <a class="nav-link py-1" href="#writing-useful-junit-tests" data-v-e6005420>Writing useful JUnit tests‎</a> <a class="nav-link py-1" href="#resources" data-v-e6005420>Resources‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/junit.page-vue-render.js b/tutorials/junit.page-vue-render.js
index bfb9594a..965a6772 100644
--- a/tutorials/junit.page-vue-render.js
+++ b/tutorials/junit.page-vue-render.js
@@ -83,6 +83,6 @@ with(this){return _c('h2',{attrs:{"id":"resources"}},[_v("Resources"),_c('a',{st
 with(this){return _c('ul',[_c('li',[_c('a',{attrs:{"href":"https://junit.org/junit5/docs/current/user-guide/"}},[_v("JUnit 5 User Guide")])]),_v(" "),_c('li',[_c('a',{attrs:{"href":"https://docs.gradle.org/current/userguide/java_testing.html#using_junit5"}},[_v("Gradle documentation for JUnit")])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/markbind-forked-sites.html b/tutorials/markbind-forked-sites.html
index 708bff2b..fa12b843 100644
--- a/tutorials/markbind-forked-sites.html
+++ b/tutorials/markbind-forked-sites.html
@@ -44,7 +44,7 @@
 </svg>
 
     </div>
-    </button></div></pre></div> <!----></div></div></div> <h2 id="updating-documents">Updating documents<a href="#updating-documents" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>MarkBind is a superset of Markdown. Refer the <a href="https://markbind.org/userGuide/authoringContents.html">MarkBind UG: Authoring Contents</a> for more details on the syntax. Given below is the recommended workflow for any non-trivial changes to this docs site.</p> <ol><li>Install MarkBind (as described in the <a href="#installing-markbind">section above</a>), if you haven't done so already.</li> <li>Open a terminal and navigate to the <code class="hljs inline no-lang">[project root]/docs</code> folder.</li> <li>Run the <code class="hljs inline no-lang">npm run serve</code> command. That will open the generated website in your default browser in a <mark><em>live preview</em> mode</mark>.</li> <li>In the browser, navigate to the page you want to preview.</li> <li>Edit the source files (usually, <code class="hljs inline no-lang">*.md</code> files). When you save the file, the live preview will update to reflect the new contents (after a few seconds).</li></ol> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-warning" data-v-4d146e2c><i class="fas fa-exclamation" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-warning" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>While <em data-v-4d146e2c>live preview</em> can pick up most changes, it may not be able to pick up certain changes (e.g., changes to files in the <code class="hljs inline no-lang" data-v-4d146e2c>_markbind</code> folder or changes to nunjucks macros). Furthermore, some syntax errors in your code can cause the live preview to crash. In those cases, just stop the server (e.g., <kbd data-v-4d146e2c>Ctrl</kbd>+<kbd data-v-4d146e2c>C</kbd> on Windows) and start it again.</p></div> <!----></div></div></div> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-success" data-v-4d146e2c><i class="fas fa-lightbulb" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>Recommendation: Enable <em data-v-4d146e2c>soft-wrapping</em> in your code editor</strong> for <code class="hljs inline no-lang" data-v-4d146e2c>*.md</code> files. For example, as explained in <a href="/guides/tutorials/intellijUsefulSettings.html#enabling-soft-wrapping" data-v-4d146e2c><strong data-v-4d146e2c>Intellij IDEA: Useful settings</strong></a> guide.</p></div> <!----></div></div></div> <h2 id="working-with-uml-diagrams">Working with UML diagrams<a href="#working-with-uml-diagrams" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p><strong>MarkBind has built-in support for PlantUML diagrams.</strong> See the <a href="https://markbind.org/userGuide/components/imagesAndDiagrams.html#diagrams">this page of the MarkBind User Guide</a> to find how to use PlantUML with MarkBind.</p> <p>Also see <a href="https://se-education.org/guides/tutorials/plantUml.html"><em>se-edu/guides <strong>Using PlantUML</strong></em></a> for useful info on using PlantUML in a project such as AB3.</p> <p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#working-with-a-forked-markbind-site" data-v-e6005420>Working with a forked MarkBind site‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#initiating-the-site" data-v-e6005420>Initiating the site‎</a> <a class="nav-link py-1" href="#site-wide-settings" data-v-e6005420>Site-wide settings‎</a> <a class="nav-link py-1" href="#installing-markbind" data-v-e6005420>Installing MarkBind‎</a> <a class="nav-link py-1" href="#updating-documents" data-v-e6005420>Updating documents‎</a> <a class="nav-link py-1" href="#working-with-uml-diagrams" data-v-e6005420>Working with UML diagrams‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+    </button></div></pre></div> <!----></div></div></div> <h2 id="updating-documents">Updating documents<a href="#updating-documents" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>MarkBind is a superset of Markdown. Refer the <a href="https://markbind.org/userGuide/authoringContents.html">MarkBind UG: Authoring Contents</a> for more details on the syntax. Given below is the recommended workflow for any non-trivial changes to this docs site.</p> <ol><li>Install MarkBind (as described in the <a href="#installing-markbind">section above</a>), if you haven't done so already.</li> <li>Open a terminal and navigate to the <code class="hljs inline no-lang">[project root]/docs</code> folder.</li> <li>Run the <code class="hljs inline no-lang">npm run serve</code> command. That will open the generated website in your default browser in a <mark><em>live preview</em> mode</mark>.</li> <li>In the browser, navigate to the page you want to preview.</li> <li>Edit the source files (usually, <code class="hljs inline no-lang">*.md</code> files). When you save the file, the live preview will update to reflect the new contents (after a few seconds).</li></ol> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-warning" data-v-4d146e2c><i class="fas fa-exclamation" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-warning" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>While <em data-v-4d146e2c>live preview</em> can pick up most changes, it may not be able to pick up certain changes (e.g., changes to files in the <code class="hljs inline no-lang" data-v-4d146e2c>_markbind</code> folder or changes to nunjucks macros). Furthermore, some syntax errors in your code can cause the live preview to crash. In those cases, just stop the server (e.g., <kbd data-v-4d146e2c>Ctrl</kbd>+<kbd data-v-4d146e2c>C</kbd> on Windows) and start it again.</p></div> <!----></div></div></div> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-success" data-v-4d146e2c><i class="fas fa-lightbulb" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>Recommendation: Enable <em data-v-4d146e2c>soft-wrapping</em> in your code editor</strong> for <code class="hljs inline no-lang" data-v-4d146e2c>*.md</code> files. For example, as explained in <a href="/guides/tutorials/intellijUsefulSettings.html#enabling-soft-wrapping" data-v-4d146e2c><strong data-v-4d146e2c>Intellij IDEA: Useful settings</strong></a> guide.</p></div> <!----></div></div></div> <h2 id="working-with-uml-diagrams">Working with UML diagrams<a href="#working-with-uml-diagrams" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p><strong>MarkBind has built-in support for PlantUML diagrams.</strong> See the <a href="https://markbind.org/userGuide/components/imagesAndDiagrams.html#diagrams">this page of the MarkBind User Guide</a> to find how to use PlantUML with MarkBind.</p> <p>Also see <a href="https://se-education.org/guides/tutorials/plantUml.html"><em>se-edu/guides <strong>Using PlantUML</strong></em></a> for useful info on using PlantUML in a project such as AB3.</p> <p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#working-with-a-forked-markbind-site" data-v-e6005420>Working with a forked MarkBind site‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#initiating-the-site" data-v-e6005420>Initiating the site‎</a> <a class="nav-link py-1" href="#site-wide-settings" data-v-e6005420>Site-wide settings‎</a> <a class="nav-link py-1" href="#installing-markbind" data-v-e6005420>Installing MarkBind‎</a> <a class="nav-link py-1" href="#updating-documents" data-v-e6005420>Updating documents‎</a> <a class="nav-link py-1" href="#working-with-uml-diagrams" data-v-e6005420>Working with UML diagrams‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/markbind-forked-sites.page-vue-render.js b/tutorials/markbind-forked-sites.page-vue-render.js
index d836cca9..0c08dfe3 100644
--- a/tutorials/markbind-forked-sites.page-vue-render.js
+++ b/tutorials/markbind-forked-sites.page-vue-render.js
@@ -80,6 +80,6 @@ with(this){return _c('p',[_c('strong',[_v("MarkBind has built-in support for Pla
 with(this){return _c('p',[_v("Also see "),_c('a',{attrs:{"href":"https://se-education.org/guides/tutorials/plantUml.html"}},[_c('em',[_v("se-edu/guides "),_c('strong',[_v("Using PlantUML")])])]),_v(" for useful info on using PlantUML in a project such as AB3.")])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/markbind.html b/tutorials/markbind.html
index 71d5bbf6..cdd422d6 100644
--- a/tutorials/markbind.html
+++ b/tutorials/markbind.html
@@ -17,7 +17,7 @@
 <body  data-bs-spy="scroll" data-bs-target="#mb-page-nav" data-bs-offset="100" >
 <div id="app" data-server-rendered="true"><header sticky=""><div data-v-73b4aa16><nav class="navbar navbar-expand-md d-print-none navbar-dark bg-dark" data-v-73b4aa16><div class="container-fluid" data-v-73b4aa16><div class="navbar-left" data-v-73b4aa16><a href="https://se-education.org" title="SE-EDU" class="navbar-brand" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fas fa-chevron-circle-left" data-v-73b4aa16></span> <strong data-v-73b4aa16><strong data-v-73b4aa16>SE-EDU</strong></strong></span></a></div> <div class="navbar-default" data-v-73b4aa16><ul class="navbar-nav me-auto mt-2 mt-lg-0" data-v-73b4aa16> <li data-v-73b4aa16><a href="/guides/index.html" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><strong data-v-73b4aa16>Home</strong></span></a></li> <li data-v-73b4aa16><a href="/guides/about.html" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><strong data-v-73b4aa16>About</strong></span></a></li> <li data-v-73b4aa16><a href="https://github.com/se-edu/guides" class="nav-link" data-v-73b4aa16><span data-v-73b4aa16><span aria-hidden="true" class="fab fa-github" data-v-73b4aa16></span></span></a></li></ul></div> <ul class="navbar-nav navbar-right" data-v-73b4aa16><li class="nav-link" data-v-73b4aa16><form class="navbar-form" data-v-73b4aa16><div class="dropdown" style="position:relative;" data-v-01e11c9b><input data-bs-toggle="dropdown" type="text" placeholder="Search this site" autocomplete="off" value="" class="form-control" data-v-01e11c9b> <div class="form-control placeholder-div-hidden" data-v-01e11c9b>
       Search this site
-    </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper" class="fixed-header-padding"><h1 id="guides-for-se-student-projects"><span class="text-dark"><strong><strong>Guides for SE student projects »</strong></strong></span><a href="#guides-for-se-student-projects" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p></p><h1 id="using-markbind-for-project-documentation">Using MarkBind for project documentation<a href="#using-markbind-for-project-documentation" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="alert box-container alert-warning" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper" data-v-4d146e2c><i class="fas fa-exclamation" data-v-4d146e2c></i></div> <!----> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>If you are working with a forked repo that is using MarkBind already</strong>, refer to <a href="/guides/tutorials/markbind-forked-sites.html" data-v-4d146e2c>this guide</a> instead.</p></div> <!----></div></div></div> <div class="lead"><p><strong><a href="https://markbind.org">MarkBind</a> is a tool for generating static websites from markdown-like text</strong>, particularly suitable for text-heavy websites such as software project documentation.</p></div> <p>Given below are some information useful for when you want to update documentation in a project that uses MarkBind.</p> <h2 id="installation">Installation<a href="#installation" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li>You can choose one of the three methods described in <a href="https://markbind.org/userGuide/gettingStarted.html">this page of the MarkBind User Guide</a></li></ul> <h2 id="updating-documents">Updating documents<a href="#updating-documents" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>MarkBind is a superset of Markdown. Refer the <a href="https://markbind.org/userGuide/gettingStarted.html" data-v-4d146e2c>MarkBind user guide</a> for more details.</p></div> <!----></div></div></div> <p><strong>First, start the <em>live preview</em></strong>: Unless it is a trivial change, you would want to see how your change to the documentation source files will reflect in the generated website. You can use the MarkBind <em>live preview</em> mode to preview the generated website as you update the source file. To start the live preview mode,</p> <ol><li>Open a command prompt.</li> <li>Navigate to the the <em>documentation root</em> (in most projects, the documentation root is <code class="hljs inline no-lang">[project root]/docs</code> -- if you are not sure, look for the folder containing the <code class="hljs inline no-lang">site.json</code> file).</li> <li>Run the <code class="hljs inline no-lang">markbind serve</code> command. That will open the generated website in your default browser.</li> <li>In the browser, navigate to the page you want to modify.</li></ol> <p><strong>Next, edit the files you want</strong>:</p> <ol><li>Edit the source files (usually, <code class="hljs inline no-lang">.md</code> files).</li> <li>When you save the file, the live preview will update to reflect the new contents (after a few seconds).</li></ol> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-warning" data-v-4d146e2c><i class="fas fa-exclamation" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-warning" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>While <em data-v-4d146e2c>live preview</em> can pick up most changes, it may not be able to pick up certain changes (e.g., changes to files in the <code class="hljs inline no-lang" data-v-4d146e2c>_markbind</code> folder or changes to nunjucks macros). Furthermore, some syntax errors in your code can cause the live preview to crash. In those cases, just stop the server (<kbd data-v-4d146e2c>Ctrl</kbd>+<kbd data-v-4d146e2c>C</kbd> on Windows) and start it again.</p></div> <!----></div></div></div> <h2 id="automating-pr-previews-deployments">Automating PR previews, deployments<a href="#automating-pr-previews-deployments" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Project admins can,</p> <ul><li>set up Netlify to give a preview of how a PR can affect the generated website. More info <a href="https://markbind.org/userGuide/deployingTheSite.html#deploying-to-netlify">here</a>.</li> <li>set up Travis to automatically generate and deploy the project website when new code is pushed. More info <a href="https://markbind.org/userGuide/deployingTheSite.html#deploying-to-github-pages">here</a></li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#using-markbind-for-project-documentation" data-v-e6005420>Using MarkBind for project documentation‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#installation" data-v-e6005420>Installation‎</a> <a class="nav-link py-1" href="#updating-documents" data-v-e6005420>Updating documents‎</a> <a class="nav-link py-1" href="#automating-pr-previews-deployments" data-v-e6005420>Automating PR previews, deployments‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+    </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper" class="fixed-header-padding"><h1 id="guides-for-se-student-projects"><span class="text-dark"><strong><strong>Guides for SE student projects »</strong></strong></span><a href="#guides-for-se-student-projects" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p></p><h1 id="using-markbind-for-project-documentation">Using MarkBind for project documentation<a href="#using-markbind-for-project-documentation" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="alert box-container alert-warning" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper" data-v-4d146e2c><i class="fas fa-exclamation" data-v-4d146e2c></i></div> <!----> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>If you are working with a forked repo that is using MarkBind already</strong>, refer to <a href="/guides/tutorials/markbind-forked-sites.html" data-v-4d146e2c>this guide</a> instead.</p></div> <!----></div></div></div> <div class="lead"><p><strong><a href="https://markbind.org">MarkBind</a> is a tool for generating static websites from markdown-like text</strong>, particularly suitable for text-heavy websites such as software project documentation.</p></div> <p>Given below are some information useful for when you want to update documentation in a project that uses MarkBind.</p> <h2 id="installation">Installation<a href="#installation" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li>You can choose one of the three methods described in <a href="https://markbind.org/userGuide/gettingStarted.html">this page of the MarkBind User Guide</a></li></ul> <h2 id="updating-documents">Updating documents<a href="#updating-documents" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>MarkBind is a superset of Markdown. Refer the <a href="https://markbind.org/userGuide/gettingStarted.html" data-v-4d146e2c>MarkBind user guide</a> for more details.</p></div> <!----></div></div></div> <p><strong>First, start the <em>live preview</em></strong>: Unless it is a trivial change, you would want to see how your change to the documentation source files will reflect in the generated website. You can use the MarkBind <em>live preview</em> mode to preview the generated website as you update the source file. To start the live preview mode,</p> <ol><li>Open a command prompt.</li> <li>Navigate to the the <em>documentation root</em> (in most projects, the documentation root is <code class="hljs inline no-lang">[project root]/docs</code> -- if you are not sure, look for the folder containing the <code class="hljs inline no-lang">site.json</code> file).</li> <li>Run the <code class="hljs inline no-lang">markbind serve</code> command. That will open the generated website in your default browser.</li> <li>In the browser, navigate to the page you want to modify.</li></ol> <p><strong>Next, edit the files you want</strong>:</p> <ol><li>Edit the source files (usually, <code class="hljs inline no-lang">.md</code> files).</li> <li>When you save the file, the live preview will update to reflect the new contents (after a few seconds).</li></ol> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-warning" data-v-4d146e2c><i class="fas fa-exclamation" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-warning" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>While <em data-v-4d146e2c>live preview</em> can pick up most changes, it may not be able to pick up certain changes (e.g., changes to files in the <code class="hljs inline no-lang" data-v-4d146e2c>_markbind</code> folder or changes to nunjucks macros). Furthermore, some syntax errors in your code can cause the live preview to crash. In those cases, just stop the server (<kbd data-v-4d146e2c>Ctrl</kbd>+<kbd data-v-4d146e2c>C</kbd> on Windows) and start it again.</p></div> <!----></div></div></div> <h2 id="automating-pr-previews-deployments">Automating PR previews, deployments<a href="#automating-pr-previews-deployments" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>Project admins can,</p> <ul><li>set up Netlify to give a preview of how a PR can affect the generated website. More info <a href="https://markbind.org/userGuide/deployingTheSite.html#deploying-to-netlify">here</a>.</li> <li>set up Travis to automatically generate and deploy the project website when new code is pushed. More info <a href="https://markbind.org/userGuide/deployingTheSite.html#deploying-to-github-pages">here</a></li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#using-markbind-for-project-documentation" data-v-e6005420>Using MarkBind for project documentation‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#installation" data-v-e6005420>Installation‎</a> <a class="nav-link py-1" href="#updating-documents" data-v-e6005420>Updating documents‎</a> <a class="nav-link py-1" href="#automating-pr-previews-deployments" data-v-e6005420>Automating PR previews, deployments‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/markbind.page-vue-render.js b/tutorials/markbind.page-vue-render.js
index d3349246..b5aca172 100644
--- a/tutorials/markbind.page-vue-render.js
+++ b/tutorials/markbind.page-vue-render.js
@@ -41,6 +41,6 @@ with(this){return _c('h2',{attrs:{"id":"automating-pr-previews-deployments"}},[_
 with(this){return _c('ul',[_c('li',[_v("set up Netlify to give a preview of how a PR can affect the generated website. More info "),_c('a',{attrs:{"href":"https://markbind.org/userGuide/deployingTheSite.html#deploying-to-netlify"}},[_v("here")]),_v(".")]),_v(" "),_c('li',[_v("set up Travis to automatically generate and deploy the project website when new code is pushed. More info "),_c('a',{attrs:{"href":"https://markbind.org/userGuide/deployingTheSite.html#deploying-to-github-pages"}},[_v("here")])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/netlify.html b/tutorials/netlify.html
index 544f342e..86d552ef 100644
--- a/tutorials/netlify.html
+++ b/tutorials/netlify.html
@@ -19,7 +19,7 @@
       Search this site
     </div> <ul class="dropdown-menu search-dropdown-menu d-none dropdown-menu-end" data-v-01e11c9b></ul></div></form></li></ul></div></nav> <div class="lower-navbar-container" style="display:none;" data-v-73b4aa16><!----> <!----></div></div></header> <div id="flex-body"><div id="content-wrapper" class="fixed-header-padding"><h1 id="guides-for-se-student-projects"><span class="text-dark"><strong><strong>Guides for SE student projects »</strong></strong></span><a href="#guides-for-se-student-projects" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <p></p><h1 id="using-netlify">Using Netlify<a href="#using-netlify" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h1> <div class="lead"><p><strong><a href="https://www.netlify.com/">Netlify</a> is an automated hosting platform for deploying websites.</strong> Its <a href="https://www.netlify.com/blog/2016/07/20/introducing-deploy-previews-in-netlify/"><em>deploy previews</em></a> feature is particularly useful for <span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----> <!----></span>.</p></div> <p>The sections below explains how to use Netlify in a project.</p> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-danger" data-v-4d146e2c><i class="fas fa-flag" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-danger" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c><strong data-v-4d146e2c>Caution:</strong> Netlify allows only 300 free build minutes per month. They use an unsavory practice of letting you exceed the limit silently and then sending you an invoice for the extra use. You will not be able to use Netlify again unless you pay (or get them to cancel the charge). Therefore, we caution you to use Netlify (if at all) during times you update documentation and only if you want to use Netlify <em data-v-4d146e2c>Deploy Previews</em> to help review such PRs.</p></div> <!----></div></div></div> <h2 id="setting-up">Setting up<a href="#setting-up" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ol><li><p>Go to <a href="https://www.netlify.com/">https://www.netlify.com/</a> and click <code class="hljs inline no-lang">Sign Up</code>. Next, click <code class="hljs inline no-lang">GITHUB SIGN IN</code>, enter your GitHub account details and authorize netlify.</p></li> <li><p>After logging in, click <code class="hljs inline no-lang">New site from Git</code>.</p></li> <li><p>You will then be brought to the setup page. Click <code class="hljs inline no-lang">GitHub</code> to link your repository to Netlify.</p> <ul><li>Depending on whether you are the owner of the repository, you can either grant or request access to Netlify so that it can access your repository and build your documentation.<br> <a href="/guides/tutorials/images/netlify/grant_or_request_access.png" target="_self"><img src="/guides/tutorials/images/netlify/grant_or_request_access.png" alt="Grant or request access" class="img-fluid"></a></li> <li>After granting or requesting access to your repository, click <code class="hljs inline no-lang">Authorize netlify</code>.</li></ul></li> <li><p>Pick your repository from the list.</p></li> <li><p>Fill out the details as follows and then click <code class="hljs inline no-lang">Deploy site</code>.</p> <ul><li>Branch to deploy: select <code class="hljs inline no-lang">master</code> branch</li> <li>If using Jekyll for project documentation:
 <ul><li>Build command: <code class="hljs inline no-lang">cd docs &amp;&amp; bundle install &amp;&amp; bundle exec jekyll build</code></li> <li>Publish directory: <code class="hljs inline no-lang">docs/_site</code></li></ul></li> <li>If using MarkBind for project documentation:
-<ul><li>Build Command: <code class="hljs inline no-lang">cd docs &amp;&amp; npm i markbind-cli -g &amp;&amp; markbind build --baseUrl</code></li> <li>Publish directory: <code class="hljs inline no-lang">docs/_site</code></li></ul></li></ul> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>For both Jekyll and MarkBind, omit the <code class="hljs inline no-lang" data-v-4d146e2c>cd docs &amp;&amp;</code> and <code class="hljs inline no-lang" data-v-4d146e2c>docs/</code> from the <em data-v-4d146e2c>build command</em> and the <em data-v-4d146e2c>publish directory</em> respectively if the documentation is in the root (i.e., not inside the <code class="hljs inline no-lang" data-v-4d146e2c>docs</code> folder).</p></div> <!----></div></div></div></li> <li><p>Once Netlify has completed building your project, you can now:</p> <ul><li>View your main branch’s deployed documentation on the site name given by Netlify (customizable as shown <a href="#changing_the_site_name">below</a>).<br> <a href="/guides/tutorials/images/netlify/temp_site_name.png" target="_self"><img src="/guides/tutorials/images/netlify/temp_site_name.png" alt="Temporary site name" class="img-fluid"></a></li> <li>Preview the updated documentation whenever a pull request is made by clicking the <code class="hljs inline no-lang">Details</code> hyperlink next to the Netlify test status.<br> <a href="/guides/tutorials/images/netlify/netlify_details.png" target="_self"><img src="/guides/tutorials/images/netlify/netlify_details.png" alt="Netlify details link" class="img-fluid"></a></li></ul></li></ol> <h2 id="changing-the-site-name">Changing the site name<a href="#changing-the-site-name" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>If you don’t like the site name given by Netlify, you can change it as follows:</p> <ol><li><p>Click on <code class="hljs inline no-lang">Settings</code>.</p></li> <li><p>Then click <code class="hljs inline no-lang">Change site name</code> and fill in your desired site name.<br> <a href="/guides/tutorials/images/netlify/change_site_name.png" target="_self"><img src="/guides/tutorials/images/netlify/change_site_name.png" alt="Change site name" class="img-fluid"></a></p></li></ol><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#using-netlify" data-v-e6005420>Using Netlify‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up" data-v-e6005420>Setting up‎</a> <a class="nav-link py-1" href="#changing-the-site-name" data-v-e6005420>Changing the site name‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+<ul><li>Build Command: <code class="hljs inline no-lang">cd docs &amp;&amp; npm i markbind-cli -g &amp;&amp; markbind build --baseUrl</code></li> <li>Publish directory: <code class="hljs inline no-lang">docs/_site</code></li></ul></li></ul> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-info" data-v-4d146e2c><i class="fas fa-info" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-info" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>For both Jekyll and MarkBind, omit the <code class="hljs inline no-lang" data-v-4d146e2c>cd docs &amp;&amp;</code> and <code class="hljs inline no-lang" data-v-4d146e2c>docs/</code> from the <em data-v-4d146e2c>build command</em> and the <em data-v-4d146e2c>publish directory</em> respectively if the documentation is in the root (i.e., not inside the <code class="hljs inline no-lang" data-v-4d146e2c>docs</code> folder).</p></div> <!----></div></div></div></li> <li><p>Once Netlify has completed building your project, you can now:</p> <ul><li>View your main branch’s deployed documentation on the site name given by Netlify (customizable as shown <a href="#changing_the_site_name">below</a>).<br> <a href="/guides/tutorials/images/netlify/temp_site_name.png" target="_self"><img src="/guides/tutorials/images/netlify/temp_site_name.png" alt="Temporary site name" class="img-fluid"></a></li> <li>Preview the updated documentation whenever a pull request is made by clicking the <code class="hljs inline no-lang">Details</code> hyperlink next to the Netlify test status.<br> <a href="/guides/tutorials/images/netlify/netlify_details.png" target="_self"><img src="/guides/tutorials/images/netlify/netlify_details.png" alt="Netlify details link" class="img-fluid"></a></li></ul></li></ol> <h2 id="changing-the-site-name">Changing the site name<a href="#changing-the-site-name" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>If you don’t like the site name given by Netlify, you can change it as follows:</p> <ol><li><p>Click on <code class="hljs inline no-lang">Settings</code>.</p></li> <li><p>Then click <code class="hljs inline no-lang">Change site name</code> and fill in your desired site name.<br> <a href="/guides/tutorials/images/netlify/change_site_name.png" target="_self"><img src="/guides/tutorials/images/netlify/change_site_name.png" alt="Change site name" class="img-fluid"></a></p></li></ol><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#using-netlify" data-v-e6005420>Using Netlify‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up" data-v-e6005420>Setting up‎</a> <a class="nav-link py-1" href="#changing-the-site-name" data-v-e6005420>Changing the site name‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/netlify.page-vue-render.js b/tutorials/netlify.page-vue-render.js
index c4ae4f11..31881354 100644
--- a/tutorials/netlify.page-vue-render.js
+++ b/tutorials/netlify.page-vue-render.js
@@ -47,6 +47,6 @@ with(this){return _c('h2',{attrs:{"id":"changing-the-site-name"}},[_v("Changing
 with(this){return _c('ol',[_c('li',[_c('p',[_v("Click on "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Settings")]),_v(".")])]),_v(" "),_c('li',[_c('p',[_v("Then click "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Change site name")]),_v(" and fill in your desired site name."),_c('br'),_v(" "),_c('a',{attrs:{"href":"/guides/tutorials/images/netlify/change_site_name.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/guides/tutorials/images/netlify/change_site_name.png","alt":"Change site name"}})])])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/plantUml.html b/tutorials/plantUml.html
index efdb79b9..16bedc59 100644
--- a/tutorials/plantUml.html
+++ b/tutorials/plantUml.html
@@ -207,7 +207,7 @@
 </svg>
 
     </div>
-    </button></div></pre></td> <td><img src="/guides/tutorials/images/plantuml/PackagesAndConsistency.png"></td></tr></tbody></table> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-success" data-v-4d146e2c><i class="fas fa-lightbulb" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>Explicitly define all symbols to avoid any potential layout mishaps.</p></div> <!----></div></div></div><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#using-plantuml" data-v-e6005420>Using PlantUML‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up-plantuml" data-v-e6005420>Setting up PlantUML‎</a> <a class="nav-link py-1" href="#creating-editing-exporting-diagrams" data-v-e6005420>Creating/editing/exporting diagrams‎</a> <a class="nav-link py-1" href="#tips-and-tricks" data-v-e6005420>Tips and tricks‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#maintaining-consistency-in-formatting" data-v-e6005420>Maintaining consistency in formatting‎</a> <a class="nav-link py-1" href="#repositioning-elements" data-v-e6005420>Repositioning elements‎</a></nav></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+    </button></div></pre></td> <td><img src="/guides/tutorials/images/plantuml/PackagesAndConsistency.png"></td></tr></tbody></table> <div class="alert box-container seamless" data-v-4d146e2c><!----> <div class="header-and-body" data-v-4d146e2c><!----> <div class="box-body-wrapper" data-v-4d146e2c><div class="icon-wrapper  text-success" data-v-4d146e2c><i class="fas fa-lightbulb" data-v-4d146e2c></i></div> <div aria-hidden="true" class="vertical-divider alert-success" data-v-4d146e2c></div> <div class="contents" data-v-4d146e2c><p data-v-4d146e2c>Explicitly define all symbols to avoid any potential layout mishaps.</p></div> <!----></div></div></div><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#using-plantuml" data-v-e6005420>Using PlantUML‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up-plantuml" data-v-e6005420>Setting up PlantUML‎</a> <a class="nav-link py-1" href="#creating-editing-exporting-diagrams" data-v-e6005420>Creating/editing/exporting diagrams‎</a> <a class="nav-link py-1" href="#tips-and-tricks" data-v-e6005420>Tips and tricks‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#maintaining-consistency-in-formatting" data-v-e6005420>Maintaining consistency in formatting‎</a> <a class="nav-link py-1" href="#repositioning-elements" data-v-e6005420>Repositioning elements‎</a></nav></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/plantUml.page-vue-render.js b/tutorials/plantUml.page-vue-render.js
index fc529455..218f9736 100644
--- a/tutorials/plantUml.page-vue-render.js
+++ b/tutorials/plantUml.page-vue-render.js
@@ -113,6 +113,6 @@ with(this){return _c('td',[_c('img',{attrs:{"src":"/guides/tutorials/images/plan
 with(this){return _c('td',[_c('img',{attrs:{"src":"/guides/tutorials/images/plantuml/PackagesAndConsistency.png"}})])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/savingPdf.html b/tutorials/savingPdf.html
index d7902749..982893d7 100644
--- a/tutorials/savingPdf.html
+++ b/tutorials/savingPdf.html
@@ -34,7 +34,7 @@
 </svg>
 
     </div>
-    </button></div></pre></div> <!----></div></div></div><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+    </button></div></pre></div> <!----></div></div></div><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/savingPdf.page-vue-render.js b/tutorials/savingPdf.page-vue-render.js
index ab726721..8afdfed3 100644
--- a/tutorials/savingPdf.page-vue-render.js
+++ b/tutorials/savingPdf.page-vue-render.js
@@ -17,6 +17,6 @@ with(this){return _c('p',[_c('strong',[_v("Use Chrome ("),_c('mark',[_c('span',{
 with(this){return _c('ol',[_c('li',[_c('p',[_v("Go to your generated documentation site on GitHub using Chrome.")])]),_v(" "),_c('li',[_c('p',[_v("Within Chrome, click on the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Print")]),_v(" option in Chrome’s menu.")])]),_v(" "),_c('li',[_c('p',[_v("Set the destination to "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Save as PDF")]),_v(", then click "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("Save")]),_v(" to save a copy of the file in PDF format."),_c('br'),_v(" "),_c('mark',[_v("For best results, use the settings indicated in the screenshot below.")])]),_v(" "),_c('p',[_c('a',{attrs:{"href":"/guides/tutorials/images/chrome_save_as_pdf.png","target":"_self"}},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/guides/tutorials/images/chrome_save_as_pdf.png","alt":"Saving documentation as PDF files in Chrome"}})])])])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/sourcetree.html b/tutorials/sourcetree.html
index fef9a19a..ee6e9f23 100644
--- a/tutorials/sourcetree.html
+++ b/tutorials/sourcetree.html
@@ -25,7 +25,7 @@
 <ul><li>Hosting Service: <code class="hljs inline no-lang">GitHub</code></li> <li>Preferred Protocol: <code class="hljs inline no-lang">HTTPS</code></li> <li>Authentication: <code class="hljs inline no-lang">Personal Access Token</code> <mark>(different from option 1 above)</mark></li></ul></li> <li>Click on the <code class="hljs inline no-lang">Refresh Personal Access Token</code> button. When prompted, enter your usual GitHub username but <mark>give the PAT (the one you created in step 1) instead of the regular password</mark>.</li> <li>Now, your Sourcetree should be able to push code to a GitHub repo that you have write permission to.</li></ol> <p><strong>Option 3:</strong></p> <ol><li><a href="https://support.microsoft.com/en-gb/windows/accessing-credential-manager-1b5c916a-6a16-889f-8581-fc16e8165ac0">Open the Windows Credential Manager</a>.</li> <li>For each credentials related to GitHub (if the name mentions GitHub) in <code class="hljs inline no-lang">Web Credentials</code> or <code class="hljs inline no-lang">Windows Credentials</code> categories,<br>
 (a) edit it and replace the password field with a GitHub PAT.<br>
 (b) If the above didn't work, delete those credential altogether and try Option 1 or 2 again.</li></ol> <h3 id="on-a-mac">On a Mac<a href="#on-a-mac" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h3> <p>Try this guide from Medium: <a href="https://eekayonline.medium.com/connecting-mac-sourcetree-with-your-github-account-b6b3bb3c5a66">Connecting Mac Sourcetree with your GitHub account</a>.</p> <p>If the above doesn't work, try this guide (also from Medium): <a href="https://medium.com/geekculture/using-personal-access-token-in-sourcetree-to-connect-to-github-3702a29554d3">Using Sourcetree to connect to GitHub without password</a>.<br>
-It gives two methods. Recommended to try method 2 first.</p> <p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#sourcetree" data-v-e6005420>Sourcetree‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#installation" data-v-e6005420>Installation‎</a> <a class="nav-link py-1" href="#connecting-sourcetree-to-your-github-account" data-v-e6005420>Connecting Sourcetree to Your GitHub Account‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#on-windows" data-v-e6005420>On Windows‎</a> <a class="nav-link py-1" href="#on-a-mac" data-v-e6005420>On a Mac‎</a></nav></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+It gives two methods. Recommended to try method 2 first.</p> <p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#sourcetree" data-v-e6005420>Sourcetree‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#installation" data-v-e6005420>Installation‎</a> <a class="nav-link py-1" href="#connecting-sourcetree-to-your-github-account" data-v-e6005420>Connecting Sourcetree to Your GitHub Account‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#on-windows" data-v-e6005420>On Windows‎</a> <a class="nav-link py-1" href="#on-a-mac" data-v-e6005420>On a Mac‎</a></nav></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/sourcetree.page-vue-render.js b/tutorials/sourcetree.page-vue-render.js
index 7c0e38f0..2684459b 100644
--- a/tutorials/sourcetree.page-vue-render.js
+++ b/tutorials/sourcetree.page-vue-render.js
@@ -62,6 +62,6 @@ with(this){return _c('p',[_v("Try this guide from Medium: "),_c('a',{attrs:{"hre
 with(this){return _c('p',[_v("If the above doesn't work, try this guide (also from Medium): "),_c('a',{attrs:{"href":"https://medium.com/geekculture/using-personal-access-token-in-sourcetree-to-connect-to-github-3702a29554d3"}},[_v("Using Sourcetree to connect to GitHub without password")]),_v("."),_c('br'),_v("\nIt gives two methods. Recommended to try method 2 first.")])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file
diff --git a/tutorials/textUiTesting.html b/tutorials/textUiTesting.html
index 3bca53b8..3efbffce 100644
--- a/tutorials/textUiTesting.html
+++ b/tutorials/textUiTesting.html
@@ -105,7 +105,7 @@
 
     </div>
     </button></div></pre> <hr data-v-661c1b61></div></div></div> <br></li> <li><p>Update the <code class="hljs inline no-lang">javac</code> and <code class="hljs inline no-lang">java</code> commands in the script to match the name/location of your main class.<br>
-If you are using packages, the two commands need to take the packages into account too.</p></li> <li><p>Add an <code class="hljs inline no-lang">input.txt</code> containing the input commands.</p></li> <li><p>Add an <code class="hljs inline no-lang">EXPECTED.txt</code> to the same folder, containing the expected output.</p></li> <li><p>Run the <code class="hljs inline no-lang">.bat</code>/<code class="hljs inline no-lang">.sh</code> file to execute the test.</p> <ul><li>If the actual output matches the EXPECTED.TXT, the test passes.</li> <li>If the actual output differs from the EXPECTED.TXT, the script will report a failure.</li></ul></li></ol> <h2 id="updating-tests-as-the-program-evolves">Updating tests as the program evolves<a href="#updating-tests-as-the-program-evolves" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>The purpose of testing as explained in the previous section is to confirm there are no <span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----> <!----></span>. However, we often update the behavior of the program intentionally e.g., enhance an existing feature. Let's look at how to update our test set up in those cases.</p> <p><strong>Option 1:</strong> This is the ideal but more tedious approach.</p> <ol><li>Determine how the expected behavior <em>should</em> change due to your update to the code.</li> <li>Update the <code class="hljs inline no-lang">EXPECTED.TXT</code> file accordingly.</li> <li>Run the test to confirm the actual behavior is same as the <em>updated</em> expected behavior.</li></ol> <p><strong>Option 2:</strong> This is a more practical shortcut.</p> <ol><li>Run the test as per normal after updating the code. The test will fail because the new program behavior is different from the one given in the <code class="hljs inline no-lang">EXPECTED.TXT</code>.</li> <li>Use a diff tool to compare the <code class="hljs inline no-lang">ACTUAL.TXT</code> against the <code class="hljs inline no-lang">EXPECTED.TXT</code>.<br> <span class="badge rounded-pill bg-success"><span aria-hidden="true" class="fas fa-lightbulb"></span></span> <a href="https://www.jetbrains.com/help/idea/comparing-files-and-folders.html">Intellij IDEA can compare two files</a>. There are stand-alone tools for comparing files too e.g., WinDiff, WinMerge</li> <li>Confirm the differences indicate the behavior has changed as you intended. If the differences are not as intended, your code is buggy; fix the code and repeat from step 1.</li> <li>Copy over the content of the <code class="hljs inline no-lang">ACTUAL.TXT</code> to <code class="hljs inline no-lang">EXPECTED.TXT</code> i.e., we accept that the current actual behavior should be the new <em>expected</em> behavior. Rerun the test to confirm that it passes this time.</li></ol> <h2 id="troubleshooting">Troubleshooting<a href="#troubleshooting" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><strong>Problem</strong>: The <code class="hljs inline no-lang">ACTUAL.TXT</code> and <code class="hljs inline no-lang">EXPECTED.TXT</code> looks exactly the same but the test fails.<br> <strong>Explanation</strong>: The likely cause that the line endings are different (not visible to the naked eye) because the two files were created in two different operating systems.<br> <strong>Solution</strong>: You can use the <code class="hljs inline no-lang">dos2unix</code> utility (available in git-bash and *nix operating systems) to convert a file to Unix format.</li></ul> <hr> <p><strong>Authors:</strong></p> <ul><li>Initial Version: based on se-edu/addressbook-level2, adapted by Jeffry Lum</li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#automating-the-testing-of-text-uis" data-v-e6005420>Automating the testing of text UIs‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up" data-v-e6005420>Setting up‎</a> <a class="nav-link py-1" href="#updating-tests-as-the-program-evolves" data-v-e6005420>Updating tests as the program evolves‎</a> <a class="nav-link py-1" href="#troubleshooting" data-v-e6005420>Troubleshooting‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 22:49:51 GMT+8]</small></div></footer></div>
+If you are using packages, the two commands need to take the packages into account too.</p></li> <li><p>Add an <code class="hljs inline no-lang">input.txt</code> containing the input commands.</p></li> <li><p>Add an <code class="hljs inline no-lang">EXPECTED.txt</code> to the same folder, containing the expected output.</p></li> <li><p>Run the <code class="hljs inline no-lang">.bat</code>/<code class="hljs inline no-lang">.sh</code> file to execute the test.</p> <ul><li>If the actual output matches the EXPECTED.TXT, the test passes.</li> <li>If the actual output differs from the EXPECTED.TXT, the script will report a failure.</li></ul></li></ol> <h2 id="updating-tests-as-the-program-evolves">Updating tests as the program evolves<a href="#updating-tests-as-the-program-evolves" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <p>The purpose of testing as explained in the previous section is to confirm there are no <span data-mb-component-type="tooltip" tabindex="0" class="trigger"><!----> <!----></span>. However, we often update the behavior of the program intentionally e.g., enhance an existing feature. Let's look at how to update our test set up in those cases.</p> <p><strong>Option 1:</strong> This is the ideal but more tedious approach.</p> <ol><li>Determine how the expected behavior <em>should</em> change due to your update to the code.</li> <li>Update the <code class="hljs inline no-lang">EXPECTED.TXT</code> file accordingly.</li> <li>Run the test to confirm the actual behavior is same as the <em>updated</em> expected behavior.</li></ol> <p><strong>Option 2:</strong> This is a more practical shortcut.</p> <ol><li>Run the test as per normal after updating the code. The test will fail because the new program behavior is different from the one given in the <code class="hljs inline no-lang">EXPECTED.TXT</code>.</li> <li>Use a diff tool to compare the <code class="hljs inline no-lang">ACTUAL.TXT</code> against the <code class="hljs inline no-lang">EXPECTED.TXT</code>.<br> <span class="badge rounded-pill bg-success"><span aria-hidden="true" class="fas fa-lightbulb"></span></span> <a href="https://www.jetbrains.com/help/idea/comparing-files-and-folders.html">Intellij IDEA can compare two files</a>. There are stand-alone tools for comparing files too e.g., WinDiff, WinMerge</li> <li>Confirm the differences indicate the behavior has changed as you intended. If the differences are not as intended, your code is buggy; fix the code and repeat from step 1.</li> <li>Copy over the content of the <code class="hljs inline no-lang">ACTUAL.TXT</code> to <code class="hljs inline no-lang">EXPECTED.TXT</code> i.e., we accept that the current actual behavior should be the new <em>expected</em> behavior. Rerun the test to confirm that it passes this time.</li></ol> <h2 id="troubleshooting">Troubleshooting<a href="#troubleshooting" onclick="event.stopPropagation()" class="fa fa-anchor"></a></h2> <ul><li><strong>Problem</strong>: The <code class="hljs inline no-lang">ACTUAL.TXT</code> and <code class="hljs inline no-lang">EXPECTED.TXT</code> looks exactly the same but the test fails.<br> <strong>Explanation</strong>: The likely cause that the line endings are different (not visible to the naked eye) because the two files were created in two different operating systems.<br> <strong>Solution</strong>: You can use the <code class="hljs inline no-lang">dos2unix</code> utility (available in git-bash and *nix operating systems) to convert a file to Unix format.</li></ul> <hr> <p><strong>Authors:</strong></p> <ul><li>Initial Version: based on se-edu/addressbook-level2, adapted by Jeffry Lum</li></ul><p></p></div> <nav id="page-nav" class="fixed-header-padding" data-v-e6005420><div class="nav-component slim-scroll" data-v-e6005420><nav id="mb-page-nav" class="nav nav-pills flex-column my-0 small no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#automating-the-testing-of-text-uis" data-v-e6005420>Automating the testing of text UIs‎</a> <nav class="nav nav-pills flex-column my-0 nested no-flex-wrap" data-v-e6005420><a class="nav-link py-1" href="#setting-up" data-v-e6005420>Setting up‎</a> <a class="nav-link py-1" href="#updating-tests-as-the-program-evolves" data-v-e6005420>Updating tests as the program evolves‎</a> <a class="nav-link py-1" href="#troubleshooting" data-v-e6005420>Troubleshooting‎</a></nav> <!----></nav></div> <!----></nav> <div aria-hidden="true" class="scroll-top-button fa-lg d-print-none" style="display:none;bottom:2%;right:2%;position:fixed;"><i class="fas fa-arrow-circle-up"></i></div></div> <footer><div class="text-center"><small>[Powered by <img src="https://markbind.org/favicon.ico" width="30"> <a href="https://markbind.org/">MarkBind 5.2.0</a> on Fri, 26 Jan 2024, 23:48:51 GMT+8]</small></div></footer></div>
 </body><script src="/guides/markbind/js/bootstrap-utility.min.js"></script>
 <script>
   MarkBind.setupWithSearch()
diff --git a/tutorials/textUiTesting.page-vue-render.js b/tutorials/textUiTesting.page-vue-render.js
index 33372815..8776d685 100644
--- a/tutorials/textUiTesting.page-vue-render.js
+++ b/tutorials/textUiTesting.page-vue-render.js
@@ -62,6 +62,6 @@ with(this){return _c('p',[_c('strong',[_v("Authors:")])])}
 with(this){return _c('ul',[_c('li',[_v("Initial Version: based on se-edu/addressbook-level2, adapted by Jeffry Lum")])])}
 },function anonymous(
 ) {
-with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 22:49:51 GMT+8]")])])])}
+with(this){return _c('footer',[_c('div',{staticClass:"text-center"},[_c('small',[_v("[Powered by "),_c('img',{attrs:{"src":"https://markbind.org/favicon.ico","width":"30"}}),_v(" "),_c('a',{attrs:{"href":"https://markbind.org/"}},[_v("MarkBind 5.2.0")]),_v(" on Fri, 26 Jan 2024, 23:48:51 GMT+8]")])])])}
 }];
   
\ No newline at end of file