24 lines
729 B
HTML
24 lines
729 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Movie Streamer</title>
|
|
<style>
|
|
body { font-family: Arial, sans-serif; margin: 0; padding: 20px; }
|
|
#container { display: flex; }
|
|
#movies-list { width: 30%; overflow-y: auto; }
|
|
.movie-item { cursor: pointer; margin-bottom: 10px; display: flex; align-items: center; }
|
|
.movie-item img { width: 50px; height: auto; margin-right: 10px; }
|
|
#movie-details { flex-grow: 1; padding-left: 20px; }
|
|
video { max-width: 100%; margin-top: 10px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Movie Streamer</h1>
|
|
<div id="container">
|
|
<div id="movies-list"></div>
|
|
<div id="movie-details"></div>
|
|
</div>
|
|
<script src="renderer.js"></script>
|
|
</body>
|
|
</html> |