tanguy/tanguy.gerome.fi
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

merge into: tanguy:resume-local
Branches Tags
tanguy:master
tanguy:resume-local
...
pull from: tanguy:master
Branches Tags
tanguy:master
tanguy:resume-local
Sign in to create a new pull request.

1 commit
resume-loc ... master

Author SHA1 Message Date
Tanguy Gérôme
af93cd1f00
Make gallery images clickable to display full-sized image 2025-08-31 12:57:52 +03:00
2 changed files with 18 additions and 7 deletions
Show stats Expand all files Collapse all files

4
src/gallery.rs
View file

@ -118,7 +118,9 @@ pub fn GalleryEntry() -> impl IntoView {
view! {
<div class="main-width gallery-open-entry">
<h2 class="gallery-title">{image.title}</h2>
<img src=format!("https://directus.gerome.fi/assets/{}?width=1600&height=1600&fit=inside&format=auto&quality=90&withoutEnlargement=true", image.watermarked.id)/>
<a class="gallery-image-details-link" href=format!("https://directus.gerome.fi/assets/{}?format=auto&quality=95", image.watermarked.id)>
<img src=format!("https://directus.gerome.fi/assets/{}?width=1600&height=1600&fit=inside&format=auto&quality=90&withoutEnlargement=true", image.watermarked.id)/>
</a>
{if subtitle.len() > 0 {
Some(view!{<h4 class="gallery-subtitle">{subtitle}</h4>})
} else {

21
style/main.scss
View file

@ -289,9 +289,13 @@ body {
.blog-illustration {
position: relative;
height: min(60vh, 75vw);
display: flex;
img {
max-height: 60vh;
height: 100%;
width: 100vw;
max-width: 100vw;
object-fit: cover;
@ -395,12 +399,17 @@ body {
align-items: flex-start;
margin-top: 32px;
img {
object-fit: contain;
width: 100%;
max-height: 90vh;
max-width: 1232px;
align-self: center;
.gallery-image-details-link {
display: block;
margin: auto;
img {
object-fit: contain;
width: 100%;
max-height: 90vh;
max-width: 1232px;
align-self: center;
}
}
.gallery-title {