Update README.md

README.md

@@ -7,31 +7,36 @@ There are 2 options:
    - However, having redundant pages often leads to inconsistency and other problems.
 2. Use view engine to enable having if-else conditions on 1 page
    - This is the option I take for this project.
-   - You need to get familiar with the view engine. I use pug (https://pugjs.org/api/getting-started.html) on this project.
-   - You can convert your existing html page to pug using this website: https://html-to-pug.com/. I have tried it to convert index.html(https://gitlab.com/Cholgrrr/m4labplatform/-/blob/sso/vcm/index.html) to index.pug(https://gitlab.com/Cholgrrr/m4labplatform/-/blob/sso/vcm/index.pug) and it works.
-   - Example on this project:
-     define the route on server.js:
-     app.get('/index', function (req, res) {
-        if (req.isAuthenticated()) {
-          res.render('index', {
-            userLogin: true
-          })
-        } else {
-          res.render('index', {
-            userLogin: false
-          })
-        }
-     })
-     then use the userLogin parameter in the if-else condition on index.pug:
-     if userLogin == true
-        button#tourstart-btn.buttonset.one(onclick='stopStory()')
-          span.i18n_balloon_startscreen_btn Start
-     else
-        button
-          span.i18n_balloon_startscreen_btn Login
+   - You need to get familiar with the view engine. I use [pug](https://pugjs.org/api/getting-started.html) on this project.
+   - You can convert your existing html page to pug using this website: https://html-to-pug.com/. I have tried it to convert [index.html](https://gitlab.com/Cholgrrr/m4labplatform/-/blob/sso/vcm/index.html) to [index.pug](https://gitlab.com/Cholgrrr/m4labplatform/-/blob/sso/vcm/index.pug) and it works.
+   - Example on this project, define the route on `server.js`:
+        ```
+        app.get('/index', function (req, res) {
+            if (req.isAuthenticated()) {
+                res.render('index', {
+                    userLogin: true
+                })
+            } else {
+                res.render('index', {
+                    userLogin: false
+                })
+            }
+        })
+        ```
+      then use the `userLogin` parameter in the if-else condition on index.pug:
+        ```
+        if userLogin == true
+            button#tourstart-btn.buttonset.one(onclick='stopStory()')
+              span.i18n_balloon_startscreen_btn Start
+         else
+            button
+              span.i18n_balloon_startscreen_btn Login
+        ```
 
 ### Preventing user to directly access an html
 If you choose option 1 and want to prevent users to directly access an html, you can try to redirect them to any page you want just like the following:
+```
 app.get('/index.html', function (req, res) {
     res.redirect('/index')
 })
+```
\ No newline at end of file