open player in new tab
This commit is contained in:
parent
67697ef605
commit
f5779ae166
1 changed files with 6 additions and 9 deletions
|
@ -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">
|
||||||
|
|
Loading…
Reference in a new issue