A simple landing page for your Plex Media Server. I made this with bulma for CSS styling and mustache.js for templating.
The page is fully templated to make customization as easy as editing a JSON file. Fork the repository and replace text in templates/index.json and templates/access.json with your desired text. Template compilation, Sass compilation, and the Bulma installation are handled by yarn (everything should also work with npm if you prefer to use that). Install required packages using yarn install and use the available scripts to build the site:
yarn build- Compile templates and Sass.yarn build:html/yarn build:css- Compile templates only or Sass only.yarn watch- Automatically build when changes are detected in the directory.yarn start- An alias toyarn watch.
Additionally, I chose two background images for the home page and instruction page from one of my favorite movies and shows. I recommend browsing /r/CineShots for background images if you like that idea. You can change them in the respective .scss files under the .hero class.
This project is open-sourced under the MIT license. Feel free to make issues and pull requests for any improvements you want to see.
Please feel free to open an issue even if you just need help getting it set up! I'm very responsive to new issues and actively looking to remove friction from the setup process.