S2i2S-OpenCustomization
/
s2i2s-theme
3
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

modified the welcome page

This commit is contained in:
Franca Debole 2026-10-06 13:46:04 +02:00
parent 5423d330d3
commit d2b6b42b6e
3 changed files with 45 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
welcome/index.ftl
View File

@ -5,7 +5,7 @@
<meta name="robots" content="noindex, nofollow"> <meta name="robots" content="noindex, nofollow">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light${(properties.darkMode)?boolean?then(' dark', '')}"> <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"> <link rel="shortcut icon" href="${resourcesPath}/img/favicon.ico">
<#if properties.darkMode?boolean> <#if properties.darkMode?boolean>
<script type="module" async blocking="render"> <script type="module" async blocking="render">
@ -50,32 +50,52 @@
<!-- NEW --> <!-- NEW -->
<div class="pf-v5-l-grid__item pf-m-12-col"> <div class="pf-v5-l-grid__item pf-m-12-col">
<div class="welcome-header"> <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>
</div> </div>
<ul class="pf-v5-l-grid pf-m-all-6-col-on-sm"> <ul class="pf-v5-l-grid pf-m-all-6-col-on-sm">
<li class="pf-v5-l-grid__item"> <li class="pf-v5-l-grid__item">
<div class="card-pf h-l"> <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> <h3><img class="doc-img" src="${resourcesPath}/img/user.png">Area della Ricerca di Pisa</a></h3>
<div class="description"> <ul class="custom-square-list">
Manage your sessions and your 2FA settings. <li><h2><a href="${properties.linkAccountAREA}" target="_blank"> Manage your sessions and your 2FA settings.</a></h2>
</div> <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> </div>
</li> </li>
<li class="pf-v5-l-grid__item"> <li class="pf-v5-l-grid__item">
<div class="card-pf h-l"> <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> <h3><img class="doc-img" src="${resourcesPath}/img/user.png">ISTI</a></h3>
<div class="description"> <ul class="custom-square-list">
Manage your sessions and your 2FA settings. <li><h2><a href="${properties.linkAccountISTI}" target="_blank"> Manage your sessions and your 2FA settings.</a></h2>
</div> <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> </div>
</li> </li>
</ul> </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> </div>
<div class='footer-admin'> <div class='footer-admin'>
<a href="${adminUrl}"><img src="${resourcesPath}/img/link-toadmin.png" alt="admin console"></a> <a href="${adminUrl}"><img src="${resourcesPath}/img/link-toadmin.png" alt="admin console"></a>
</div> </div>
</div>
</body> </body>
</html> </html>

13
welcome/resources/css/welcome.css
View File

@ -156,3 +156,16 @@ h3 a:hover .link {
margin-top: 10px; 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);
}

2
welcome/theme.properties
View File

@ -1,4 +1,5 @@
parent=keycloak parent=keycloak
import=common/theme-keycloak-isti import=common/theme-keycloak-isti
kcDarkModeClass=pf-v5-theme-dark kcDarkModeClass=pf-v5-theme-dark
locales=en,it locales=en,it
@ -13,6 +14,7 @@ darkMode=false
title=Benvenuto ISTI title=Benvenuto ISTI
favIcon=/img/favicon.ico favIcon=/img/favicon.ico
favIconType=image/x-icon favIconType=image/x-icon
kcLogoLink=http://www.keycloak.org
linkIPA=https://ipa.isti.cnr.it linkIPA=https://ipa.isti.cnr.it
linkAccountISTI=https://accounts.isti.cnr.it/auth/realms/CNR-ISTI/account linkAccountISTI=https://accounts.isti.cnr.it/auth/realms/CNR-ISTI/account