Plugin Request

[RostigerSpieler]

Hello community.

I just have to ask this question here.
There are quite a few resourceful programmers here who can code plugins for Jellyfin.
And I'm looking for a simple info plugin.

The plugin should display an information text I have created at the top of Jellyfin. Either as static text or as scrolling text that can be changed at any time via the Jellyfin menu.

The reason is that I often do updates or tinker with the server and films/series.
And I want to be able to inform my users in advance when the server is offline or when I am making changes to the server.

I know that there is probably a mail plugin, but I don't want to use it. Mainly because I don't want to ask everyone for their email address first, and not everyone checks their email regularly.

Normally, I would make a feature request, but I'd probably be sitting here waiting for years. Especially since it's unclear whether the Jellyfin developers would even integrate something like that.

Would something like this be possible, or would anyone be interested in doing something like this?

[SethBacon]

I can help with that. I think ive seen such things around before (maybe https://github.com/BobHasNoSoul/Jellyfin-Announce), but we can probably make just what you want with some simple css.

Can you make a mock-up by taking a screenshot of your JF homepage, and photoshop in some text in the style and position you'd want it? I think I remember there is already a built in message to users field for the login page, but you'd want it on the homepage i guess, if you have users already signed in.

[SethBacon]

I made a quick example you could play with the formatting - paste this in your custom CSS (Admin > Dashboard > General > Custom CSS):

.sectionTitle.padded-left:nth-of-type(1)::before {
 
    content: "Notice: Stuff";
   
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    display: block;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.2;
    font-family: 'Segoe UI', Roboto, sans-serif;
    color: yellow;
}

[RostigerSpieler]

I thought about CSS first. But that would only be visible to me, right?
And where would I have to edit the text? Directly on the server, I guess?
I wouldn't even know where to put the CSS file.

I would like to have the text at the top centre above the categories. With enough space for two lines.

   

[SethBacon]

No that custom text is visible to anyone accessing via a browser, android app or JMP. As stated, you are meant to paste that code in your custom CSS box. (MENU > Admin > Dashboard > General > Custom CSS) Try it and let me know, or post a mockup and I can help further.

[RostigerSpieler]

Very Nice. Is there a way to set the Text to the middle?

[SethBacon]

I think this will do what you want, if you find a font you like:


/* Import a custom font from Google Fonts Put this import line at the top of your CSS */
@import url('https://fonts.googleapis.com/css2?family=Crafty+Girls&display=swap');

.sectionTitle.padded-left:nth-of-type(1)::before {

    content: "YOUR TEXT HERE";

    display: block;
    text-align: center;
    max-width: 50vh;  // 50% how wide you want the text before new line
    width: fit-content;
    margin: 0.3em auto;

    font-family: 'Crafty Girls', cursive;   
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1.2;
   
    color: yellow;
}



And heres a simple block to make it fade in over 3 seconds, paste after the other code, if you want: 

.sectionTitle.padded-left:nth-of-type(1)::before {
    opacity: 0;
    animation: fadeIn 3s ease-out forwards 3.5s;  /* Fades in and moves up slightly */
}
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

[RostigerSpieler]

OK, thank you very much. I'll test it tomorrow. I took the server down today for renovation.

The text is displayed for now. Even on my mobile phone. I don't know if others can see it. No one was online for the test yet.

text-align: centre;
So the entry I was looking for.

I had already thought about how best to rewrite it. I used to know a little HTML, but that was many years ago. I've forgotten everything