open player in new tab

This commit is contained in:
deflax 2024-01-19 20:37:21 +00:00
parent 67697ef605
commit f5779ae166

View file

@ -15,9 +15,6 @@
.gallery { .gallery {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
background: teal;
padding: 15px;
} }
.gallery .gallery-item { .gallery .gallery-item {
@ -30,15 +27,15 @@
.gallery img { .gallery img {
width: 100%; width: 100%;
display: block; display: block;
-webkit-filter: grayscale(1); -webkit-filter: grayscale(0);
filter: grayscale(1); filter: grayscale(0);
transition: all 100ms ease-out; transition: all 100ms ease-out;
} }
.gallery .gallery-item:hover img { .gallery .gallery-item:hover img {
transform: scale(1.04); transform: scale(1.03);
-webkit-filter: grayscale(0); -webkit-filter: grayscale(1);
filter: grayscale(0); filter: grayscale(1);
} }
.overlay { .overlay {
@ -78,7 +75,7 @@
{% for thumbnail in thumbnails %} {% for thumbnail in thumbnails %}
<div class="gallery-item"> <div class="gallery-item">
<a href="{{ url_for('video_watch_route', file_name_no_extension=thumbnail[:-4]) }}" class="image-link"> <a href="{{ url_for('video_watch_route', file_name_no_extension=thumbnail[:-4]) }}" class="image-link" target="_blank">
<img src="{{ url_for('thumb_route', file_name=thumbnail) }}" alt="{{ thumbnail }}"> <img src="{{ url_for('thumb_route', file_name=thumbnail) }}" alt="{{ thumbnail }}">
<div class="overlay"> <div class="overlay">
<div class="overlay-content"> <div class="overlay-content">