Update index.html

Signed-off-by: parencode <[email protected]>
parencode · Feb 13, 2024 · a72e75a · a72e75a
1 parent 1046746
commit a72e75a
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/guitarvideopull/index.html b/guitarvideopull/index.html
@@ -11,7 +11,7 @@
   <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
 </head>
 <body>
-<div class="position-fixed" style="z-index: 100;"> <div class="btn" data-bs-target="#videoModal" data-bs-toggle="modal"> <span><img src="./images/logo.png" style="width: 25px;"/></span> </div> </div> <div class="container-fluid"> <h4 class="row justify-content-center text-align: center;" data-bs-target="#textareaModal" data-bs-toggle="modal">Guitar Video Pull <br/> <span style="font-size: 12px;">Click me to add your own playlist</span></h4> <div class="row justify-content-center" id="videoPanel"></div><div style="text-align: center; opacity: 1;">
+<div class="position-fixed" style="z-index: 100;"> <div class="btn" data-bs-target="#videoModal" data-bs-toggle="modal"> <span><img src="./images/logo.png" style="width: 25px;"/></span> </div> </div> <div class="container-fluid"> <h4 class="text-center justify-content-center" data-bs-target="#textareaModal" data-bs-toggle="modal">Guitar Video Pull <br/> <span style="font-size: 12px;color: grey;">Click me to add your own playlist</span></h4> <div class="row justify-content-center" id="videoPanel"></div><div style="text-align: center; opacity: 1;">
 	<a href="https://parencode.github.io/guitar/" style="display: inline-block; background-color: #333333; color: #fff; text-decoration: none; padding: 10px 20px; border-radius: 8px; transition: background-color 0.3s ease;">La guitarra</a>
 </div> </div> <!-- Modal para el carrusel --> <div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="videoModalLabel" aria-hidden="true"> <div class="modal-dialog modal-xl" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title text-truncate" id="videoModalLabel">Guitar Video Pull</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div id="videoCarousel" class="carousel slide" data-bs-wrap="false"> <div class="carousel-inner" id="carouselInner"></div> <button class="carousel-control-prev" type="button" data-bs-target="#videoCarousel" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">Anterior</span> </button> <button class="carousel-control-next" type="button" data-bs-target="#videoCarousel" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Siguiente</span> </button> </div> </div> </div> </div> </div> <!-- Modal para el textarea --> <div class="modal fade" id="textareaModal" tabindex="-1" role="dialog" aria-labelledby="textareaModalLabel" aria-hidden="true"> <div class="modal-dialog modal-xl modal-dialog-scrollable" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title text-truncate" id="textareaModalLabel">Guitar Video Pull</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="form-floating"> <textarea class="form-control" placeholder="Leave a comment here" id="floatingTextarea"></textarea> <label for="floatingTextarea">Paste in new line, example: https://www.youtube.com/watch?v=Vj8EQqoizKk </label> </div> </div> </div> </div>