Add aiodp login demo theme

authentication/themes/aiodp/login/footer.ftl

@@ -0,0 +1,25 @@
+<#macro content>
+<#-- footer at the end of the login box -->
+<div class="kc-login-footer-wrapper">
+<div class="kc-login-footer-top">
+<img src="${url.resourcesPath}/img/euflag.svg">
+ <a class="kc-login-footer-support"
+       href="mailto:[email protected]">
+        Contact us
+            </a>
+</div>
+    <div id="kc-login-footer">
+        <ul id="kc-login-footer-links">
+		    <li>
+                <a href="https://aiod.eu/privacy-policy/">Privacy Policy</a>
+			    <span>|</span>
+            </li>
+		    <li>
+		    	<a href="https://aiod.eu/terms-conditions/">Terms of Use</a>
+		    </li>
+        </ul>
+    </div>
+
+
+</div>
+</#macro>

authentication/themes/aiodp/login/login.ftl

@@ -0,0 +1,32 @@
+<#import "template.ftl" as layout>
+<#import "passkeys.ftl" as passkeys>
+<@layout.registrationLayout displayMessage=!messagesPerField.existsError('username','password') displayInfo=realm.password && realm.registrationAllowed && !registrationDisabled??; section>
+    <#if section = "header">
+        ${msg("loginAccountTitle")}
+    <#elseif section = "form">
+        <@passkeys.conditionalUIData />
+        <script type="module" src="${url.resourcesPath}/js/passwordVisibility.js"></script>
+        <#elseif section = "socialProviders" >
+        <#if realm.password && social?? && social.providers?has_content>
+            <div id="kc-social-providers" class="${properties.kcFormSocialAccountSectionClass!}">
+                <ul class="${properties.kcFormSocialAccountListClass!} <#if social.providers?size gt 3>${properties.kcFormSocialAccountListGridClass!}</#if>">
+                    <#list social.providers as p>
+                        <li>
+                            <a data-once-link data-disabled-class="${properties.kcFormSocialAccountListButtonDisabledClass!}" id="social-${p.alias}"
+                                    class="${properties.kcFormSocialAccountListButtonClass!} <#if social.providers?size gt 3>${properties.kcFormSocialAccountGridItem!}</#if>"
+                                    type="button" href="${p.loginUrl}">
+                                <#if p.iconClasses?has_content>
+                                    <i class="${properties.kcCommonLogoIdP!} ${p.iconClasses!}" aria-hidden="true"></i>
+                                    <span class="${properties.kcFormSocialAccountNameClass!} kc-social-icon-text">${p.displayName!}</span>
+                                <#else>
+                                    <span class="${properties.kcFormSocialAccountNameClass!}">${p.displayName!}</span>
+                                </#if>
+                            </a>
+                        </li>
+                    </#list>
+                </ul>
+            </div>
+        </#if>
+    </#if>
+
+</@layout.registrationLayout>

authentication/themes/aiodp/login/resources/css/styles.css

@@ -0,0 +1,130 @@
+.login-pf body {
+    background: #0A1121; 
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+}
+
+.login-pf-page {
+    flex: 1 0 auto;
+    display: flex;
+    flex-direction: column;
+}
+
+.card-pf {
+    margin: 0 auto;
+    padding: 0 20px;
+    max-width: 500px;
+    border: 1px solid rgba(255, 255, 255, 0.1490196078);
+    border-radius: 20px;
+    background-color: #020C20;
+    color: white;
+}
+
+    #kc-header-wrapper img {
+    padding: 20px 40px 30px 40px;
+    width: 100%;
+    height: auto;
+    max-width: 400px;
+    margin: auto;
+    display: block;
+}
+
+
+#social-oidc {
+  display: inline-block;
+  width: auto;
+  padding: 20px 30px 20px 80px;
+  border: 2px solid #005faa;
+  border-radius: 100vw;
+  background-color: #005faa;
+  background-image: url(../img/egi-logo-white.svg);
+  background-position: 30px 43%;
+  background-size: 36px;
+  background-repeat: no-repeat;
+  -webkit-transition: all 200ms ease-in-out;
+  transition: all 200ms ease-in-out;
+  font-family: 'DM Sans', sans-serif;
+  color: #fff;
+  font-size: 18px;
+  font-weight: 700;
+  --pf-c-button--after--BorderColor: transparent;
+  /* Add demo ribbon */
+  position: relative;
+  overflow: hidden;
+}
+
+#social-oidc:hover {
+  background-color: #fff;
+  background-image: url(../img/egi-logo-color.svg);
+  color: #005faa;
+}
+
+#social-oidc::after {
+  content: "Demo";
+  position: absolute;
+  width: 100px;
+  height: 24px;
+  background-color: red;
+  color: white;
+  font-family: 'DM Sans', sans-serif;
+  font-size: 12px;
+  font-weight: bold;
+  text-align: center;
+  line-height: 24px;
+  top: 5px;
+  left: -30px;
+  transform: rotate(-45deg);
+}
+
+.kc-login-footer-wrapper {
+  margin-top: auto;
+  padding: 12px 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+
+.kc-login-footer-top {
+  width: 100%;                 
+  display: flex;
+  align-items: center;
+  justify-content: space-between; 
+}
+
+
+.kc-login-footer-top img {
+  height: 24px;
+  display: block;
+}
+
+
+.kc-login-footer-support {
+  display: flex;
+  align-items: center;
+  font-size: 13px;
+  text-decoration: none;
+}
+
+.kc-login-footer-support:hover {
+  text-decoration: underline;
+}
+
+
+#kc-login-footer {
+  display: flex;
+  justify-content: center;
+}
+
+#kc-login-footer-links {
+  display: flex;
+  gap: 8px;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+#kc-login-footer-links span {
+  color: white;
+}