---
# Feel free to add content and custom Front Matter to this file.
# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults

layout: home
hide_posts: true
image: /assets/images/banner.webp
introduction: |
  Otaniemen datojen oma sivu. Täältä löydät [tietoa datoista](/about), datojen [telegram-ryhmän](/telegram) sekä tietenkin [dataleffat](/leffat).
actions:
  - label: "Telegram-ryhmä"
    url: "/telegram"
  - 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>
