added zone for image gallery hover; added sentence to feed
This commit is contained in:
@@ -31,7 +31,8 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="gallery-container blurred-background">
|
||||
<div class="gallery-zone">
|
||||
<div class="gallery-container blurred-background">
|
||||
<div class="gallery-button-container">
|
||||
<button class="gallery-button" onclick={galleryBack}><</button>
|
||||
<div class="gallery-text-container">
|
||||
@@ -48,9 +49,14 @@
|
||||
<div class="gallery-img-container">
|
||||
<img class="gallery-img" loading="lazy" src={images[currentIndex].src} alt={images[currentIndex].alt}>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.gallery-zone {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.gallery-container {
|
||||
position: relative;
|
||||
max-width: var(--media-width);
|
||||
@@ -79,13 +85,13 @@
|
||||
transition: opacity var(--duration-animation) var(--anim-curve);
|
||||
}
|
||||
|
||||
.gallery-container:hover .gallery-button-container,
|
||||
.gallery-container:hover .gallery-text-container
|
||||
.gallery-zone:hover .gallery-button-container,
|
||||
.gallery-zone:hover .gallery-text-container
|
||||
{
|
||||
opacity: 100%;
|
||||
}
|
||||
|
||||
.gallery-container:hover .gallery-img {
|
||||
.gallery-zone:hover .gallery-img {
|
||||
filter: brightness(40%) saturate(60%);
|
||||
}
|
||||
|
||||
|
||||
@@ -26,6 +26,8 @@
|
||||
|
||||
<p>I'll add some more of my past projects, new projects, and an option to filter by project type <i>soon™</i>. Maybe I'll also split the content into pages, if I ever figure out how to do that.</p>
|
||||
|
||||
<p>I <b>MAY</b> merge this with the <a href="/projects">Projects</a> page, I've not yet decided.</p>
|
||||
|
||||
<TableOfContents />
|
||||
|
||||
<h2>My First Month Drawing</h2>
|
||||
|
||||
Reference in New Issue
Block a user