test page

.gitignore

@@ -104,3 +104,5 @@ dist
 .tern-port
 .env
 credentials.json
+
+.vercel

index.js

@@ -60,7 +60,7 @@ app.get('/', function(req, res) {
 });
 
 app.get('/en', function(req, res) {
-    res.render('sats', enjson)
+    res.render('test', enjson)
 });
 
 app.get('/zh-cn', function(req, res) {

locales/en.json

@@ -1,4 +1,13 @@
 {
+    "post": {
+        "author": "Janith Kasun",
+        "image": "https://picsum.photos/500/500",
+        "comments": [
+            "This is the first comment",
+            "This is the second comment",
+            "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nec fermentum ligula. Sed vitae erat lectus."
+        ]
+    },
     "layout": "main",
     "Title": "1 HK dollar is currently worth ",
     "subtitle": "HKDSAT Historical Performance",

views/test.html

@@ -0,0 +1,25 @@
+<nav class="navbar navbar-dark bg-dark">
+    <a class="navbar-brand" href="#">Book Face</a>
+</nav>
+
+<h1>{{ Title }} </h1>
+<h4>{{ subtitle }} </h4>
+
+<div class="posts">
+    <div class="row justify-content-center">
+        <div class="col-lg-7" style="margin-top: 50px;">
+            <div class="card">
+
+                <img src="{{post.image}}" class="card-img-top" alt="...">
+                <div class="card-body">
+                    <h5 class="card-title">Posted by {{post.author}}</h5>
+
+                    <ul class="list-group">
+                        <li class="list-group-item">{{ post.comments}} </li>
+                        <li class="list-group-item">This is suppose to be a comment</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>