Add featured movie section to homepage

This commit is contained in:
OtsoBear 2025-11-27 00:11:20 +02:00
parent a2de373e01
commit 4c60c06e30
2 changed files with 48 additions and 2 deletions

View File

@ -57,6 +57,7 @@ paginate_path: /page:num/
exclude:
- .asset-cache
- .bundle
- guix.scm
- .codeclimate.yml
- .editorconfig
- .gitattributes

View File

@ -10,8 +10,53 @@ introduction: |
actions:
- label: "Telegram-ryhmä"
url: "/telegram"
- label: "Uusin dataleffa"
url: "/leffa"
- label: "Liity jäseneksi"
url: "https://rekisteri.datat.fi/apply"
---
<div class="featured-movie">
<h3>Uusin dataleffa</h3>
<a href="https://youtu.be/79V7Vi5bE5o" class="featured-movie-link">
<img src="/assets/images/leffat/2025.jpg" alt="Dataleffa 2025: Datrix">
<span class="featured-movie-title">Dataleffa 2025: Datrix</span>
</a>
</div>
<style>
.featured-movie {
margin-top: 1rem;
}
.featured-movie h3 {
margin-bottom: 0.75rem;
font-size: 1.25rem;
}
.featured-movie-link {
display: inline-block;
max-width: 320px;
text-decoration: none;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.featured-movie-link:hover {
transform: translateY(-4px);
}
.featured-movie-link img {
width: 100%;
border-radius: 0.25em;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.featured-movie-link:hover img {
box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}
.featured-movie-title {
display: block;
margin-top: 0.75rem;
font-weight: 600;
color: inherit;
}
</style>