Add featured movie section to homepage
This commit is contained in:
parent
a2de373e01
commit
4c60c06e30
|
|
@ -57,6 +57,7 @@ paginate_path: /page:num/
|
|||
exclude:
|
||||
- .asset-cache
|
||||
- .bundle
|
||||
- guix.scm
|
||||
- .codeclimate.yml
|
||||
- .editorconfig
|
||||
- .gitattributes
|
||||
|
|
|
|||
49
index.md
49
index.md
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue