From d2b6b42b6e7271dd203988418928586acde3343d Mon Sep 17 00:00:00 2001
From: debfranca <franca.debole@isti.cnr.it>
Date: Tue, 6 Oct 2026 13:46:04 +0200
Subject: [PATCH] modified the welcome page

---
 welcome/index.ftl                 | 40 +++++++++++++++++++++++--------
 welcome/resources/css/welcome.css | 13 ++++++++++
 welcome/theme.properties          |  2 ++
 3 files changed, 45 insertions(+), 10 deletions(-)

diff --git a/welcome/index.ftl b/welcome/index.ftl
index a33c3fb..f7a6832 100644
--- a/welcome/index.ftl
+++ b/welcome/index.ftl
@@ -5,7 +5,7 @@
     <meta name="robots" content="noindex, nofollow">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="color-scheme" content="light${(properties.darkMode)?boolean?then(' dark', '')}">
-    <title>Welcome to ${productName}</title>
+    <title>ISTI Authentication</title>
     <link rel="shortcut icon" href="${resourcesPath}/img/favicon.ico">
     <#if properties.darkMode?boolean>
       <script type="module" async blocking="render">
@@ -50,32 +50,52 @@
 		<!-- NEW -->
 		  <div class="pf-v5-l-grid__item pf-m-12-col">
 			  <div class="welcome-header">
-				<h1>Welcome to <strong>ISTI-CNR authentication service </strong></h1>
+				<h1>Welcome to the <strong>authentication service </strong></h1>
 			  </div>
 		  </div>
             <ul class="pf-v5-l-grid pf-m-all-6-col-on-sm">
 				  
 				  <li class="pf-v5-l-grid__item">
 					   <div class="card-pf h-l">
-						<h3><a href="${properties.linkAccountAREA}" target="_blank"><img class="doc-img" src="${resourcesPath}/img/user.png">Area Account Access</a></h3>
-						<div class="description">
-						  Manage your sessions and your 2FA settings.
-						</div>
+						<h3><img class="doc-img" src="${resourcesPath}/img/user.png">Area della Ricerca di Pisa</a></h3>
+  					    <ul class="custom-square-list">                    
+                            <li><h2><a href="${properties.linkAccountAREA}" target="_blank"> Manage your sessions and your 2FA settings.</a></h2>
+                            <div>You can visualize your profiles, add two-factor authentication, and oversee device activity.</div>
+                            </li>
+                            <li>
+                            <h2><a href="${properties.linkIPA}" target="_blank"> Manage your account</a></h2>
+                            <div>You can configure your profiles, change your password. </div>
+                            </li>
+                        </ul>
 					  </div>
 				  </li>
                    <li class="pf-v5-l-grid__item">
 					   <div class="card-pf h-l">
-						<h3><a href="${properties.linkAccountISTI}" target="_blank"><img class="doc-img" src="${resourcesPath}/img/user.png">ISTI Account Access</a></h3>
-						<div class="description">
-						  Manage your sessions and your 2FA settings.
-						</div>
+						<h3><img class="doc-img" src="${resourcesPath}/img/user.png">ISTI</a></h3>
+  					    <ul class="custom-square-list">                    
+                            <li><h2><a href="${properties.linkAccountISTI}" target="_blank"> Manage your sessions and your 2FA settings.</a></h2>
+                            <div>You can visualize your profiles, add two-factor authentication, and oversee device activity.</div>
+                            </li>
+                            <li>
+                            <h2><a href="${properties.linkIPA}" target="_blank"> Manage your account</a></h2>
+                            <div>You can configure your profiles, change your password. </div>
+                            </li>
+                        </ul>
 					  </div>
 				  </li>
 			</ul>
+            <span></span>
+            <div class="pf-v5-l-grid__item pf-m-12-col">
+			  <div>
+				Powered by <a href="${properties.kcLogoLink}" target="_blank"><img class="doc-img" src="${resourcesPath}/img/k-logo.png"/></a> 
+			  </div>
+		  </div>
 		</div>
 	  </div>
 	  <div class='footer-admin'>
 	     <a href="${adminUrl}"><img src="${resourcesPath}/img/link-toadmin.png" alt="admin console"></a>
 	  </div>
+      
+</div>
   </body>
 </html>
\ No newline at end of file
diff --git a/welcome/resources/css/welcome.css b/welcome/resources/css/welcome.css
index 9bd5ae0..0ed88c7 100644
--- a/welcome/resources/css/welcome.css
+++ b/welcome/resources/css/welcome.css
@@ -156,3 +156,16 @@ h3 a:hover .link {
 		margin-top: 10px;
 	}
 }
+.custom-square-list {
+  display: block;
+  list-style-type: disc;
+  margin-top: 1em;
+  margin-bottom: 1 em;
+  margin-left: 0;
+  margin-right: 0;
+  padding-left: 40px;
+}
+.custom-square-list li::marker {
+  /* Change only the color of the square */
+  color:  rgb(232, 116, 15); 
+}
\ No newline at end of file
diff --git a/welcome/theme.properties b/welcome/theme.properties
index 8b8a2e7..4638443 100644
--- a/welcome/theme.properties
+++ b/welcome/theme.properties
@@ -1,4 +1,5 @@
 parent=keycloak
+
 import=common/theme-keycloak-isti
 kcDarkModeClass=pf-v5-theme-dark
 locales=en,it
@@ -13,6 +14,7 @@ darkMode=false
 title=Benvenuto ISTI
 favIcon=/img/favicon.ico
 favIconType=image/x-icon
+kcLogoLink=http://www.keycloak.org
 
 linkIPA=https://ipa.isti.cnr.it
 linkAccountISTI=https://accounts.isti.cnr.it/auth/realms/CNR-ISTI/account