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="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>

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

@ -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);
}

2
welcome/theme.properties
View File

@ -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