https://github.com/kevdoy/cinemah

CINEMAH is a static web interface that help you organize movies and TV shows that you find across the web (ie. YouTube, Google Drive, etc). It is designed to be responsive and accessed both on Desktop and Mobile devices and can be installed as web app on Android, iOS and iPadOS. It does not have or need a backend.
https://github.com/kevdoy/cinemah

front-end-web-development static-site

Last synced: about 1 year ago
JSON representation

CINEMAH is a static web interface that help you organize movies and TV shows that you find across the web (ie. YouTube, Google Drive, etc). It is designed to be responsive and accessed both on Desktop and Mobile devices and can be installed as web app on Android, iOS and iPadOS. It does not have or need a backend.

• Host: GitHub
• URL: https://github.com/kevdoy/cinemah
• Owner: KevDoy
• License: mit
• Created: 2016-01-17T05:39:12.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2024-10-15T22:26:29.000Z (over 1 year ago)
• Last Synced: 2025-03-19T23:12:15.178Z (about 1 year ago)
• Topics: front-end-web-development, static-site
• Language: HTML
• Homepage: http://cinemah.net
• Size: 53.6 MB
• Stars: 4
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
## Synopsis

![logo](https://raw.githubusercontent.com/KevDoy/CINEMAH/master/logo.png "CINEMAH logo")

CINEMAH (ver. 2.1) is a static web interface that help you organize movies and TV shows that you find across the web (ie. YouTube, Google Drive, etc). It is designed to be responsive and accessed both on Desktop and Mobile devices and can be installed as web app on Android, iOS and iPadOS. It does not have or need a backend. All content is dynamically loaded from json and html files.

Website: https://cinemah.net

Preview/Demo Site: https://kevdoy.github.io/CINEMAH/

![screenshot](https://raw.githubusercontent.com/KevDoy/CINEMAH/master/screenshot.jpg "CINEMAH Main Page")

![screenshot2](https://raw.githubusercontent.com/KevDoy/CINEMAH/master/screenshot2.jpg "CINEMAH TV Show Overlay")

## To add non-TV Show content...

Navigate to the `data` folder. Choose the JSON file that fits the category you're looking to modify (for example: `comedy.json`).

Inside you'll find content scrutured like this.

`{

		"ytid": "tDolNU89SXI",

        "vidurl": "https://www.youtube.com/watch?v=tDolNU89SXI",

        "movietitle": "Mark Normand: Out to Lunch"

	},`

`ytid` uses a YouTube ID to populate a thumbnail for this title. `vidurl` is the link to the video. `movietitle` is the title of the video.

The rest takes care of itself.

## To add TV Shows...

Navigate to the `data` folder. Edit the `tvshows.json` file. 

Inside you'll find content scrutured like this.

`{

		"imgurl": "https://yt3.googleusercontent.com/p02AWxuQdbDeG6CR5RqKgR2TkHBzftLAr_O4QyeNHm-8Z6WkJNKWMJRZmxM8nssgdEEb9e7CKQ",

        "vidurl": "#tv-kitchennightmares",

        "movietitle": "Kitchen Nightmares"

	},`

`imgurl` is a URL pointing at an image online. `vidurl` is an HTML ID you assign to the show. `movietitle` is the title of the TV Show.

The actual seasons will live inside of `/data/tv-html/tvshows.html` for the time being. This is where the vidurl ID that you created comes into play.

Inside the HTML you'll see a TV show structured like this at the bottom of the page. If you're adding a new show, it is probably easiest to copy and modify an existing one.

`

	


		


			


				
Kitchen Nightmares

			

			


				


						
Kitchen Nightmares: Season 1

					


				


						
Kitchen Nightmares: Season 2

					


				


						
Kitchen Nightmares: Season 3

					


				


						
Kitchen Nightmares: Season 4

					


				


						
Kitchen Nightmares: Season 5

					


				


						
Kitchen Nightmares: Season 6

					

			

		


	

`

The links ideally link to a YouTube playlist that contains a full season of a TV Show with a thumbnail image that fits the season attached in the image source. Below, you'll describe what the title is. For example: "Kitchen Nightmares: Season 1".


## Motivation

YouTube often has great shows uploaded, but when you're binging, searching for the next episode can really take you out of the experience. Cinemah allows you to binge without interruptions by organizing the content you find ahead of time.

![screenshot3](https://raw.githubusercontent.com/KevDoy/CINEMAH/master/screenshot3.gif "CINEMAH TV Show binge experience")

## Installation

Clone this repo and post it to your web server or GitHub pages. Since you're not hosting any of the videos, the installation remains small and lightweight.

## Contributors

Join the conversation:

[@CINEMAHnet on Twitter](https://www.twitter.com/CINEMAHnet)

## License

Bootstrap, Lity, JSON2HTML, and [youtube-background](https://github.com/stamat/youtube-background) all have their own licenses that are not listed here.

Cinemah is licensed under the MIT License.