NextTry

public/css/style.css

@@ -71,7 +71,7 @@ body {
 
 }
 
-.header h2 {
+#my-header-h2 {
   color: #000;
   text-align: center;
   vertical-align: middle;
@@ -156,13 +156,13 @@ body {
     padding: 0;
 } /* margin: 0; */
 
-.content div {
+#my-divid {
     margin: 20;
     padding: 20;
 }
 
-.content h2 {
-  margin-top: 10px;
+#my-h2 {
+    margin-top: 10px;
 }
 
 .content-row {

server.js

@@ -697,7 +697,7 @@ app.post('/portal', async (req, res) => {
 			for (var key in entity_keys) {
 				let attribute = {
 					attribute_name: key,
-					attribute_value: entity[key]
+					attribute_value: JSON.stringify(entity[key])
 				}
 			}
 			entity_attributes = Object.entries(entity)

views/default.pug

@@ -18,7 +18,7 @@ html
             a.header(href='/')
               img.header(src='https://thebatterypass.io/_next/static/media/logo_primary.ff8fcc3a.png' alt='Homepage')
           div
-            h2.header
+            h2#my-header-h2
               |Demo: Login with Verifiable Credentials (VCs)
         block topnav
         block content

views/index.pug

@@ -1,8 +1,8 @@
 extends default
 
 block content
-  div.content
-    h2.content Click link below to login
+  div#my-divid
+    h2#my-h2 Click link below to login
     table(border='1' frame='void' rules='rows')
       if siop
         tr
@@ -16,8 +16,8 @@ block content
         tr
           td
             a.button(href=`/login?idp=` + i.id) #{i.name}
-  div.content
-    h2.content
+  div#my-divid
+    h2#my-h2
       | a) Description how to login with VCs and use the demo
       br
     h3#prerequisites Prerequisites:
@@ -65,7 +65,7 @@ block content
           | “urn:batterypass:4a1331e8-646b-423d-b75a-cee15c486555” 
           br
           | and press button “Get Battery”
-    h2.content 
+    h2#my-h2 
       | b) Description how to obtain demo VCs
       br
     h3#step-by-step-1 Step-by-step: