YnM Media & YnM Login (Jellyfin 10.10.7 & KeyCloak 26.2.0)

YnM Media
, , , ,
1
  • In the Jellyfin administration UI, under “General”, there is a “Branding” section. In that section, add the following code in the “Login disclaimer” block:
  1. Login to Jellyfin as an admin.
  2. Click on the :gear: Admin Dashboard (or “System Settings”) in the top right corner.
  3. In the sidebar, go to General.
  4. Scroll down to find the Branding section.
  5. In the Login disclaimer box, paste the desired HTML or text.
  6. Save the changes by clicking the Save button at the bottom.

This will add your custom login disclaimer or code to the Jellyfin login screen.*

Login disclaimer

<form action="https://media.ynm.hu/sso/OID/start/Media">
  <button class="raised block emby-button button-login-sso">Login SSO</button>
</form>

<a href="https://login.ynm.hu/realms/master/login-actions/reset-credentials?" class="raised block emby-button button-forgot">Forgot Password SSO</a>

<a href="https://ynm.hu" class="raised block emby-button button-home">
 <span class="material-icons home" aria-hidden="true"></span> <span>YnM.Hu</span>
</a>

Custom CSS code

.loginDisclaimerContainer {
  display: -webkit-flex;
  display: inline-table;
  width: 100%;
  height: max-content;
  margin-top: 2em;
}
.raised.emby-button {
  padding: 0.9em 1em;
  color: #fff !important;
  text-align: center;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
  display: block;
  width: 100%;
  margin: 0.25em 0;
  font-weight: bold;
}

/* Színek */
.button-login { background-color: #4CAF50; }         /* Zöld */
.button-quick { background-color: #8B4513; }         /* Barna */
.button-login-sso { background-color: #2196F3; }     /* Kék */
.button-forgot { background-color: #F44336; }        /* Piros */
.button-home { background-color: #00BCD4; }          /* Cián */

/* Hover effektek */
.raised.emby-button:hover {
  opacity: 0.85;
}

.material-icons.home {
  vertical-align: middle;
  margin-right: 0.3em;
}