diff options
Diffstat (limited to 'src/routes/index.svelte')
| -rw-r--r-- | src/routes/index.svelte | 13 |
1 files changed, 12 insertions, 1 deletions
diff --git a/src/routes/index.svelte b/src/routes/index.svelte index cf84d99..45fa41c 100644 --- a/src/routes/index.svelte +++ b/src/routes/index.svelte @@ -36,7 +36,7 @@ SPDX-License-Identifier: GPL-3.0-only --> {#if !complete} <p>Fetching a random image ...</p> {:else} - <div class="highlight-image"> + <div class="highlighted-image"> <a href={`/language?language=${image.language}&image=${image.image}`}> <img src={image.image} alt="An anime girl holding a programming book" /> </a> @@ -80,3 +80,14 @@ SPDX-License-Identifier: GPL-3.0-only --> </li> </ul> </section> + +<style> + .highlighted-image img { + height: 35vh; + transition: 0.25s; + } + .highlighted-image img:hover { + height: 37.5vh; + opacity: 0.75; + } +</style> |