/plex-landing-page

A Landing Page for a Plex Media Server

Primary LanguageHTMLMIT LicenseMIT

Plex Landing Page

Build Status

A simple landing page for your Plex Media Server. I made this with bulma for CSS styling and mustache.js for templating.

Landing Page Screenshot

Instructions

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 to yarn 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.

Contribution

This project is open-sourced under the MIT license. Feel free to make issues and pull requests for any improvements you want to see.