Compare commits

..

1 Commits

Author SHA1 Message Date
OtsoBear 29bac689eb Add featured movie section to homepage 2025-11-27 00:21:33 +02:00
3 changed files with 10 additions and 56 deletions

View File

@ -4,7 +4,7 @@
#:use-module (guix git-download)
#:use-module (guix packages)
#:use-module (guix build-system ruby)
#:use-module (gnu packages ruby-xyz))
#:use-module (gnu packages ruby))
(define vcs-file?
(or (git-predicate (string-append (current-source-directory) "/../.."))

View File

@ -1,11 +0,0 @@
(list (channel
(name 'guix)
(url "https://git.guix.gnu.org/guix.git")
(branch "master")
(commit
"3a7556ccb6eb02771a9dac63504473d32d24e6f3")
(introduction
(make-channel-introduction
"9edb3f66fd807b096b48283debdcddccfea34bad"
(openpgp-fingerprint
"BBB0 2DDF 2CEA F6A8 0D1D E643 A2A0 6DF2 A33A 54FA")))))

View File

@ -14,51 +14,31 @@ actions:
url: "https://rekisteri.datat.fi/apply"
---
{% assign sorted_movies = site.leffat | sort: 'path' | reverse %}
<div class="featured-movies">
<h3>Viimeisimmät dataleffat · <a href="/leffat" class="see-all-link">Kaikki</a></h3>
{% assign latest = sorted_movies | first %}
<a href="{{ latest.external_url }}" class="featured-movie-link featured-movie-main">
<img src="{{ latest.image.thumbnail }}" alt="{{ latest.title }}">
<span class="featured-movie-title">{{ latest.title }}</span>
<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 class="older-movies">
{% for movie in sorted_movies offset:1 limit:2 %}
<a href="{{ movie.external_url }}" class="featured-movie-link featured-movie-small">
<img src="{{ movie.image.thumbnail }}" alt="{{ movie.title }}">
<span class="featured-movie-title">{{ movie.title }}</span>
</a>
{% endfor %}
</div>
</div>
<style>
.featured-movies {
.featured-movie {
margin-top: 1rem;
}
.featured-movies h3 {
.featured-movie h3 {
margin-bottom: 0.75rem;
font-size: 1.25rem;
}
.see-all-link {
font-weight: 400;
font-size: 0.9em;
}
.featured-movie-link {
display: inline-block;
max-width: 320px;
text-decoration: none;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.featured-movie-main {
max-width: 320px;
}
.featured-movie-link:hover {
transform: translateY(-4px);
}
@ -75,23 +55,8 @@ actions:
.featured-movie-title {
display: block;
margin-top: 0.5rem;
margin-top: 0.75rem;
font-weight: 600;
color: inherit;
}
.older-movies {
display: flex;
gap: 1rem;
flex-wrap: wrap;
margin-top: 1rem;
}
.featured-movie-small {
max-width: 180px;
}
.featured-movie-small .featured-movie-title {
font-size: 0.9rem;
}
</style>