✨ Add movie descriptions to new movies section

[rhynodge.git] / src / main / kotlin / net / pterodactylus / rhynodge / filters / webpages / savoy / MovieState.kt

diff --git a/src/main/kotlin/net/pterodactylus/rhynodge/filters/webpages/savoy/MovieState.kt b/src/main/kotlin/net/pterodactylus/rhynodge/filters/webpages/savoy/MovieState.kt
index 0d01b20..fa8a9c0 100644 (file)
--- a/src/main/kotlin/net/pterodactylus/rhynodge/filters/webpages/savoy/MovieState.kt
+++ b/src/main/kotlin/net/pterodactylus/rhynodge/filters/webpages/savoy/MovieState.kt
@@ -37,10 +37,11 @@ class MovieState(@JsonProperty val movies: Collection<Movie>, val newMovies: Col
                                        +"html { font-family: 'Recursive Sans Linear Static', Roboto, serif; }"
                                        +"section.new-movies > .label { font-family: Impact, sans-serif; background-color: black; padding: 0.5ex; font-size: 200%; color: #ffffee; font-weight: bold; }"
                                        +"section.new-movies ul { padding: 0; margin: 0; }"
-                                       +"section.new-movies li.movie { list-style: none; width: 250px; height: 353px; display: inline-block; position: relative; margin: 1ex 1ex 1ex 0ex; }"
-                                       +"section.new-movies li.movie img { width: 100%; height: 100%; display: block; position: absolute; z-index: -1; }"
-                                       +"section.new-movies li.movie .text { color: white; text-shadow: 2px 2px black; font-weight: bold; font-size: 150%; display: flex; flex-direction: column; justify-content: end; width: 100%; height: 100%; }"
+                                       +"section.new-movies li.movie { list-style: none; display: grid; margin: 1ex 1ex 1ex 0ex; grid-template-rows: 353px; grid-template-columns: 250px auto; }"
+                                       +"section.new-movies li.movie img { grid-area: 1/1/2/2 }"
+                                       +"section.new-movies li.movie .text { color: white; text-shadow: 2px 2px black; font-weight: bold; font-size: 150%; display: flex; flex-direction: column; justify-content: end; grid-area: 1/1/2/2; }"
                                        +"section.new-movies li.movie .text .name { padding: 1ex; font-size: 120%; }"
+                                       +"section.new-movies li.movie .description { padding: 1ex; }"
 
                                        +"section.daily-programmes ol { padding: 0; }"
                                        +"section.daily-programmes li { list-style: none; }"
@@ -71,6 +72,9 @@ class MovieState(@JsonProperty val movies: Collection<Movie>, val newMovies: Col
                                                                                +(movie.name)
                                                                        }
                                                                }
+                                                               div("description") {
+                                                                       +movie.description
+                                                               }
                                                        }
                                                }
                                        }