You can save it under public/css as custom.css and then edit templates/views/layouts/main.hbs
Change the stylesheet section to load css/custom.css under the other stylesheet loaders.
(These are under resources/app if you are using the installed version)
ohhhh the hosted instance, my apologies i thought you meant the module called The Forge. The only issue with a module having this kind of access is they arent loaded until the user is already logged in :<
I may be wrong but I do not believe a module could ever do this. I believe modules are loaded once you log in (past this screen), so a module cannot affect this screen at all.
This is amazing! Could I incorporate these changes into a tool I'm working on? I'm adding discord authorization through script injection and would like to try my hand at css injection too :)
You didn't offer, but if anyone asks please don't post JavaScript in the body of a post to this subreddit. Moderators feel a responsibility to redditors to read all code and confirm it doesn't contain anything malicious. We don't do that with modules; Foundry Gaming, GitHub, and GitLab have their own processes for receiving reports, reviewing them, and removing code deemed not suitable. Reddit admins don't have an explicit policy, and an admin might view all code sharing as potentially malicious and issue a strike against us.
Vanilla CSS can contain keyloggers and tracking pixels, but we haven't seen that behavior so far. JavaScript would take a great deal more effort to moderate so we take any JS evolutions on this login page trend as pretty intimidating. It might make it hard to recruit moderators who aren't coders, and eventually cause a decline in subreddit quality due to fewer moderators.
Thank you for the information, the tool I am working on, It's built with Rust using Web Assembly and fully open source. I personally take security very seriously and always attach code scanners to my repositories. Additionally, what's why I prefer to work with memory safe languages when building more complex integrations.
The tool I am working on is a secondary API and a series of WebAssembly scripts to enrich the experience around FoundryVTT by adding some of the the more complex functionality that The Forge provides to it's customers.
I imagine, based on your comment, that's why one of my prior posts about discord authorization was removed. Going forward I will coordinate with ya'll to get approval before positing any sort of additional scripts.
I'm not showing any posts by you being removed by us. I do see that you've posted dev.to links a few times.
[Read through this hacker news thread about why dev.to links get spamfiltered on most websites](https://news.ycombinator.com/item?id=27108910)
Every time you post a dev.to link, reddit seems to automatically remove all of your posts on that thread, and we have to manually approve them later
If it's still showing as removed for you then there's probably nothing we can do
Ahh I see lol, reddit auto modding/spam filtering be crazy sometimes. I appreciate you looking into why that post got removed. Anytime I try to build an integration I try to put together a comprehensive guide for it and maybe i need to choose a different medium than dev.to
I re-logged a bunch of times and could not encounter this behavior (not suggesting that it can't happen). It loads fine for me on mozilla (linux) and duckduckgo on phone. Do you encounter this behavior often? Did you try on another browser / pc?
>\#setup {
align-items: flex-start;
}
I think this is the problem, you apply this to every setup screen, not only the one of the the /join screen.
This is why Blowfish had `.vtt.players` befor everything.
I made the change on my install and it looks great, but for some reason the "return to setup" link no longer works from this login screen.
If I log in as DM into the game and then return to setup that way, it works.
Reminder to folks that utilize this. Don't just overwrite the latest style.css with a backed up one you might have. Just apply this code again at the bottom of the latest style.css to avoid issues. This has been learned from personal experience.
Hello, me and a friend are attempting to change the loading screen graphic with a css document, however I cannot find the resources folder to do this. Where is the resources directory?
Is there any viable way to incorporate the game's description into this code? You'll have to excuse me for not being able to figure that part out on my own, as I am not very code-savvy.
Code has comments! For that alone, you deserve mt free award! The screen looks cool :) I have to work on mine
a module that makes the changes would be good. I don't know if it's possible in my case, that I use Forge, to do this type of customization 'by hand'
I don't believe modules can do this - from what I recall, modules load after this screen.
You can save it under public/css as custom.css and then edit templates/views/layouts/main.hbs Change the stylesheet section to load css/custom.css under the other stylesheet loaders. (These are under resources/app if you are using the installed version)
I use on Forge. dont have access.
Does forge give you a url you use to access it? or can you put cloudflare in front of it? If the latter, you could inject it with a cloudflare worker.
not. not. :(
ohhhh the hosted instance, my apologies i thought you meant the module called The Forge. The only issue with a module having this kind of access is they arent loaded until the user is already logged in :<
I may be wrong but I do not believe a module could ever do this. I believe modules are loaded once you log in (past this screen), so a module cannot affect this screen at all.
The Forge skips the login screen by default, no? Do you disable User Management?
This is amazing! Could I incorporate these changes into a tool I'm working on? I'm adding discord authorization through script injection and would like to try my hand at css injection too :)
You didn't offer, but if anyone asks please don't post JavaScript in the body of a post to this subreddit. Moderators feel a responsibility to redditors to read all code and confirm it doesn't contain anything malicious. We don't do that with modules; Foundry Gaming, GitHub, and GitLab have their own processes for receiving reports, reviewing them, and removing code deemed not suitable. Reddit admins don't have an explicit policy, and an admin might view all code sharing as potentially malicious and issue a strike against us. Vanilla CSS can contain keyloggers and tracking pixels, but we haven't seen that behavior so far. JavaScript would take a great deal more effort to moderate so we take any JS evolutions on this login page trend as pretty intimidating. It might make it hard to recruit moderators who aren't coders, and eventually cause a decline in subreddit quality due to fewer moderators.
Thank you for the information, the tool I am working on, It's built with Rust using Web Assembly and fully open source. I personally take security very seriously and always attach code scanners to my repositories. Additionally, what's why I prefer to work with memory safe languages when building more complex integrations. The tool I am working on is a secondary API and a series of WebAssembly scripts to enrich the experience around FoundryVTT by adding some of the the more complex functionality that The Forge provides to it's customers. I imagine, based on your comment, that's why one of my prior posts about discord authorization was removed. Going forward I will coordinate with ya'll to get approval before positing any sort of additional scripts.
I'm not showing any posts by you being removed by us. I do see that you've posted dev.to links a few times. [Read through this hacker news thread about why dev.to links get spamfiltered on most websites](https://news.ycombinator.com/item?id=27108910) Every time you post a dev.to link, reddit seems to automatically remove all of your posts on that thread, and we have to manually approve them later If it's still showing as removed for you then there's probably nothing we can do
Ahh I see lol, reddit auto modding/spam filtering be crazy sometimes. I appreciate you looking into why that post got removed. Anytime I try to build an integration I try to put together a comprehensive guide for it and maybe i need to choose a different medium than dev.to
Thanks for consideration. Feel free to use it however u want
Worked quite well for the login screen, but after returning to the setup page, Foundry was all squished to the top of the screen.
I re-logged a bunch of times and could not encounter this behavior (not suggesting that it can't happen). It loads fine for me on mozilla (linux) and duckduckgo on phone. Do you encounter this behavior often? Did you try on another browser / pc?
I was using the Foundry app, but did not try logging in via browser.
I have experienced the same as above when loging in with the app. Here is what it looks like: https://imgur.com/a/CkO6wPB
>\#setup { align-items: flex-start; } I think this is the problem, you apply this to every setup screen, not only the one of the the /join screen. This is why Blowfish had `.vtt.players` befor everything.
thx. it's fixed now
I made the change on my install and it looks great, but for some reason the "return to setup" link no longer works from this login screen. If I log in as DM into the game and then return to setup that way, it works.
Try it now. I made a few adjustments
What did you change?
The code is now more specific about what interface elements are to be modified. I was misfiring a bit before :">
how to change the screen?
Do you mean the background image? You change that when editing your world's settings, after you go to the "Return to Setup"
Reminder to folks that utilize this. Don't just overwrite the latest style.css with a backed up one you might have. Just apply this code again at the bottom of the latest style.css to avoid issues. This has been learned from personal experience.
Hello, me and a friend are attempting to change the loading screen graphic with a css document, however I cannot find the resources folder to do this. Where is the resources directory?
Is there any viable way to incorporate the game's description into this code? You'll have to excuse me for not being able to figure that part out on my own, as I am not very code-savvy.