update,

james_endl/COMP3322A-Lab-8-MERN/references/lab6_sample_solution/views/error.pug

@@ -0,0 +1,6 @@
+extends layout
+
+block content
+  h1= message
+  h2= error.status
+  pre #{error.stack}

james_endl/COMP3322A-Lab-8-MERN/references/lab6_sample_solution/views/index.pug

@@ -0,0 +1,26 @@
+extends layout
+
+block content 
+    header
+        img(src='/images/logo.png' width="128" height="128")
+        h1 Course Study Plan
+            br 
+            span(class="subtitle") COMP3322A Modern Technologies on World Wide Web
+
+    section(class="contents")
+        h2 Instruction
+        ul
+            li Add/Remove a topic to/from your study plan by clicking the respective operation.
+            li Delete a topic permanently by typing its name into the input box and clicking the "Delete" button.
+        hr
+
+        h2 Topic Plan
+        div
+            table#plan_table
+        div#delete_div
+            p Fill in a topic name to delete it from the table permanently:
+            input#input_name(type='text', placeholder='topic name')
+            button#submit_delete Delete
+
+    footer
+        div <a href="#">Back to top</a>

james_endl/COMP3322A-Lab-8-MERN/references/lab6_sample_solution/views/layout.pug

@@ -0,0 +1,10 @@
+doctype html
+html
+    head
+        title= "lab6"
+        link(rel='stylesheet', href='/stylesheets/style.css')
+        meta(name="viewport" content="width=device-width, initial-scale=1.0")
+    body
+        block content
+        script(src='https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js') 
+        script(src='/javascripts/externalJS.js')