From 71b34e13688aeef7671aa5ccad6af84507ce92d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jan=20Pe=C5=A1ek?= <jan.pesek@wultra.com>
Date: Fri, 6 Sep 2024 11:17:11 +0200
Subject: [PATCH] Fix #513: FIDO2 Test application: Edit texts (#514)

---
 .../src/main/resources/templates/login.html       | 15 ++++++---------
 .../src/main/resources/templates/payment.html     | 15 ++++++---------
 .../main/webapp/resources/css/wultra-login.css    |  3 ++-
 3 files changed, 14 insertions(+), 19 deletions(-)

diff --git a/powerauth-fido2-tests/src/main/resources/templates/login.html b/powerauth-fido2-tests/src/main/resources/templates/login.html
index 5617863c..dc2460ae 100644
--- a/powerauth-fido2-tests/src/main/resources/templates/login.html
+++ b/powerauth-fido2-tests/src/main/resources/templates/login.html
@@ -23,24 +23,21 @@
 
 <div class="content-wrapper">
     <h5 class="header">DEMO</h5>
-    <h2 class="headline">PowerAuth & FIDO2</h2>
+    <h2 class="headline">PERSONAL IDENTITY DEVICE & FIDO2</h2>
 
     <div class="flex-grid">
         <div class="col1">
             <div>
                 <p class="body-copy">
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque finibus efficitur orci. Quisque
-                    pharetra ipsum ante. Aliquam ante nisi, ultricies vel faucibus ut, varius at tellus.
+                    Discover Talisman in action with our interactive demo. Experience effortless and secure
+                    authentication for your digital services. See firsthand how to connect and manage multiple accounts
+                    with advanced security features.
                 </p>
                 <p class="body-copy">
-                    Sed ipsum quam, lobortis non nisl eget, sodales ullamcorper lacus. Sed varius augue auctor, dictum
-                    mauris et, aliquet odio. In tristique dui blandit lectus scelerisque, auctor mattis felis efficitur.
-                    Quisque nec ornare metus, at rutrum massa. Mauris elementum erat non mollis venenatis.
+                    For instructions and more information, visit <a href="http://www.wultra.com/demo/talisman">Demo | Wultra Talisman</a>.
                 </p>
                 <p class="body-copy">
-                    Donec ultrices nisl eu tellus finibus pellentesque. Nam molestie neque ut ligula ultrices, vel
-                    facilisis lorem rhoncus. Praesent sodales dolor vitae odio vestibulum tempor. In blandit rhoncus dui
-                    sit amet tempor. Maecenas dapibus ante vel velit lobortis, at volutpat turpis venenatis.
+                    You can find the user manual here: <a href="https://www.wultra.com/manuals/hardware-authenticator">Hardware Token Specifications</a>
                 </p>
             </div>
         </div>
diff --git a/powerauth-fido2-tests/src/main/resources/templates/payment.html b/powerauth-fido2-tests/src/main/resources/templates/payment.html
index 710aed04..d62a3c8d 100644
--- a/powerauth-fido2-tests/src/main/resources/templates/payment.html
+++ b/powerauth-fido2-tests/src/main/resources/templates/payment.html
@@ -23,24 +23,21 @@
 
 <div class="content-wrapper">
     <h5 class="header">DEMO</h5>
-    <h2 class="headline">PowerAuth & FIDO2</h2>
+    <h2 class="headline">PERSONAL IDENTITY DEVICE & FIDO2</h2>
 
     <div class="flex-grid">
         <div class="col1">
             <div>
                 <p class="body-copy">
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque finibus efficitur orci. Quisque
-                    pharetra ipsum ante. Aliquam ante nisi, ultricies vel faucibus ut, varius at tellus.
+                    Discover Talisman in action with our interactive demo. Experience effortless and secure
+                    authentication for your digital services. See firsthand how to connect and manage multiple accounts
+                    with advanced security features.
                 </p>
                 <p class="body-copy">
-                    Sed ipsum quam, lobortis non nisl eget, sodales ullamcorper lacus. Sed varius augue auctor, dictum
-                    mauris et, aliquet odio. In tristique dui blandit lectus scelerisque, auctor mattis felis efficitur.
-                    Quisque nec ornare metus, at rutrum massa. Mauris elementum erat non mollis venenatis.
+                    For instructions and more information, visit <a href="http://www.wultra.com/demo/talisman">Demo | Wultra Talisman</a>.
                 </p>
                 <p class="body-copy">
-                    Donec ultrices nisl eu tellus finibus pellentesque. Nam molestie neque ut ligula ultrices, vel
-                    facilisis lorem rhoncus. Praesent sodales dolor vitae odio vestibulum tempor. In blandit rhoncus dui
-                    sit amet tempor. Maecenas dapibus ante vel velit lobortis, at volutpat turpis venenatis.
+                    You can find the user manual here: <a href="https://www.wultra.com/manuals/hardware-authenticator">Hardware Token Specifications</a>
                 </p>
             </div>
         </div>
diff --git a/powerauth-fido2-tests/src/main/webapp/resources/css/wultra-login.css b/powerauth-fido2-tests/src/main/webapp/resources/css/wultra-login.css
index 31c9fee8..2469f4eb 100644
--- a/powerauth-fido2-tests/src/main/webapp/resources/css/wultra-login.css
+++ b/powerauth-fido2-tests/src/main/webapp/resources/css/wultra-login.css
@@ -34,6 +34,7 @@ body {
 .headline {
     font-size: 48px;
     font-weight:700;
+    line-height: 1;
 }
 
 .header {
@@ -70,7 +71,7 @@ h2 {
 .flex-grid .col2 {
     display: flex;
     justify-content: center;
-    align-items: center;
+    align-items: start;
     width: 100%;
     padding-left: 40px;
 }