Skip to content
This repository has been archived by the owner on Feb 7, 2025. It is now read-only.

Commit

Permalink
init gallery
Browse files Browse the repository at this point in the history
  • Loading branch information
AlexFreik committed Jan 4, 2024
1 parent 5ea1840 commit 8932544
Show file tree
Hide file tree
Showing 7 changed files with 167 additions and 2 deletions.
2 changes: 1 addition & 1 deletion Makefile
Original file line number Diff line number Diff line change
Expand Up @@ -6,5 +6,5 @@ install:
pretty:
npx prettier --write .

start-zam:
start:
npm start
4 changes: 4 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,3 +12,7 @@ Webpage where you can configure a delay for any YouTube
stream, and it will automatically maintain it. It solves the
skipping problem when because of network lag a stream with delay
goes to LIVE, and as a result, participants miss this skipped fragment.

## [YouTube Gallery View](https://alexfreik.github.io/lsm/gallery/)

Here you can monitor multiple YouTube streams simultaneously.
116 changes: 116 additions & 0 deletions gallery/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,116 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/png" href="./isha-logo.png" />
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
crossorigin="anonymous" />
<link rel="stylesheet" href="./styles.css" />
</head>
<body>
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 pt-5 mb-5">
<h4 style="text-align: center">
Dry Run Guru Purnima 2023
</h4>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 mb-3">
<h5>English</h5>
<div class="embed-container">
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/4-XI6xITbIU"
frameborder="0"
allow="accelerometer; encrypted-media; gyroscope"
picture-in-picture
allowfullscreen></iframe>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 mb-3">
<h5>Tamil</h5>
<div class="embed-container">
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/S-1gAzboRVg"
frameborder="0"
allow="accelerometer; encrypted-media; gyroscope"
picture-in-picture
allowfullscreen></iframe>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 mb-3">
<h5>Hindi</h5>
<div class="embed-container">
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/VrJEEAnjuZ8"
frameborder="0"
allow="accelerometer; encrypted-media; gyroscope"
picture-in-picture
allowfullscreen></iframe>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 mb-3">
<h5>Telugu</h5>
<div class="embed-container">
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/kG7CByed92U"
frameborder="0"
allow="accelerometer; encrypted-media; gyroscope"
picture-in-picture
allowfullscreen></iframe>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 mb-3">
<h5>Kannada</h5>
<div class="embed-container">
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/YJOCtwoVX3A"
frameborder="0"
allow="accelerometer; encrypted-media; gyroscope"
picture-in-picture
allowfullscreen></iframe>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 mb-3">
<h5>Malayalam</h5>
<div class="embed-container">
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/exj1_0Js-rc"
frameborder="0"
allow="accelerometer; encrypted-media; gyroscope"
picture-in-picture
allowfullscreen></iframe>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 mb-3">
<h5>Nepali</h5>
<div class="embed-container">
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/YxjMBpOFL_8"
frameborder="0"
allow="accelerometer; encrypted-media; gyroscope"
picture-in-picture
allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</body>
</html>
Binary file added gallery/isha-logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
45 changes: 45 additions & 0 deletions gallery/styles.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (min-width: 1200px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1400px;
}
}

body {
background-color: black;
color: white;
}

.col-lg-3 {
padding: 5px;
}

h4 {
padding: 10px;
border: 2px solid green;
border-radius: 15px 15px;
}

.embed-container {
border: 2px solid green;
border-radius: 15px 15px;
}
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"scripts": {
"start": "npx nodemon zam/server.js"
"start": "npx nodemon server.js"
},
"devDependencies": {
"express": "^4.18.2",
Expand Down
File renamed without changes.

0 comments on commit 8932544

Please sign in to comment.