Add featured movie section to homepage
This commit is contained in:
parent
a2de373e01
commit
4c60c06e30
|
|
@ -57,6 +57,7 @@ paginate_path: /page:num/
|
||||||
exclude:
|
exclude:
|
||||||
- .asset-cache
|
- .asset-cache
|
||||||
- .bundle
|
- .bundle
|
||||||
|
- guix.scm
|
||||||
- .codeclimate.yml
|
- .codeclimate.yml
|
||||||
- .editorconfig
|
- .editorconfig
|
||||||
- .gitattributes
|
- .gitattributes
|
||||||
|
|
|
||||||
49
index.md
49
index.md
|
|
@ -10,8 +10,53 @@ introduction: |
|
||||||
actions:
|
actions:
|
||||||
- label: "Telegram-ryhmä"
|
- label: "Telegram-ryhmä"
|
||||||
url: "/telegram"
|
url: "/telegram"
|
||||||
- label: "Uusin dataleffa"
|
|
||||||
url: "/leffa"
|
|
||||||
- label: "Liity jäseneksi"
|
- label: "Liity jäseneksi"
|
||||||
url: "https://rekisteri.datat.fi/apply"
|
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