amuse.git

commit 827b5a79a36841a79aac883cbea1c87568d7b50e

Author: Adam <git@apiote.tk>

set images width and height in front

 static/style/style.css | 12 ++++++++++++
 templates/book.html | 4 ++--
 templates/bookserie.html | 8 ++++----
 templates/film.html | 16 ++++++++--------
 templates/person.html | 16 ++++++++--------
 templates/readlist.html | 4 ++--
 templates/search.html | 16 ++++++++--------
 templates/tvqueue.html | 4 ++--
 templates/tvserie.html | 24 ++++++++++++------------
 templates/watchlist.html | 4 ++--


diff --git a/static/style/style.css b/static/style/style.css
index 3e9b112fd84a77d600a4208696b21721f6ee4fd8..316e2228b167db51a32b5e07c901d2351b1dafdf 100644
--- a/static/style/style.css
+++ b/static/style/style.css
@@ -810,6 +810,18 @@ .height-all {
 	height: 100vh;
 }
 
+.min-height-231px {
+	min-height: 14.4375rem;
+}
+
+.min-height-139px {
+	min-height: 8.6875rem;
+}
+
+.min-height-104px {
+	min-height: 6.5rem;
+}
+
 /* FONT STYLE */
 
 .monospace {




diff --git a/templates/book.html b/templates/book.html
index 234881c4b157a43923f1994dcfbdb5325222cd2b..2898411271b8a2a729f39eb3fe4fc498e3cb99ef 100644
--- a/templates/book.html
+++ b/templates/book.html
@@ -56,9 +56,9 @@ 		
<main class="margin-top-20 margin-lr-5 flex flex-row flex-wrap flex-justify-space flex-align-start margin-bottom-2"> <div class="desktop-w3 phone-w12 margin-bottom-2"> {{if .Data.Cover}} - <img src="{{.Data.Cover}}" class="block width-154px"> + <img src="{{.Data.Cover}}" class="block min-height-231px width-154px"> {{else}} - <img src="/static/img/book_empty.webp" class="block width-154px" /> + <img src="/static/img/book_empty.webp" class="block min-height-231px width-154px" /> {{end}} <div class="on-phone"> <span class="sans font-3">{{.Data.Title}}</span> diff --git a/templates/bookserie.html b/templates/bookserie.html index 0becd3a4bd58bc244f6d0ea56baa3a6515edb4c3..e2f6674047a31e4b6fbcf0d35926f4e31138ec24 100644 --- a/templates/bookserie.html +++ b/templates/bookserie.html @@ -53,9 +53,9 @@
<main class="margin-top-20 margin-lr-5 flex flex-row flex-wrap flex-justify-space flex-align-start margin-bottom-2"> <div class="desktop-w3 phone-w12 margin-bottom-2"> {{if .Data.Cover}} - <img src="{{.Data.Cover}}" class="block width-154px"> + <img src="{{.Data.Cover}}" class="min-height-231px block width-154px"> {{else}} - <img src="/static/img/bookserie_empty.webp" class="block width-154px" /> + <img src="/static/img/bookserie_empty.webp" class="min-height-231px block width-154px" /> {{end}} <div class="on-phone"> <span class="sans font-3">{{.Data.Title}}</span> @@ -80,9 +80,9 @@ <div class="flex"> <div> {{if .Cover}} - <img src="{{.Cover}}" class="width-92px" /> + <img src="{{.Cover}}" class="min-height-139px width-92px" /> {{else}} - <img src="/static/img/book_empty.webp" class="width-92px" /> + <img src="/static/img/book_empty.webp" class="min-height-139px width-92px" /> {{end}} </div> <div class="margin-lr-1"> diff --git a/templates/film.html b/templates/film.html index 3c9e89557d9ce4a79122e6eb8475cf9bf1318697..2025e0cd5d0ad11e62cf55876d30c519d51186c9 100644 --- a/templates/film.html +++ b/templates/film.html @@ -60,9 +60,9 @@ <main class="margin-top-20 margin-lr-5 flex flex-row flex-wrap flex-justify-space flex-align-start margin-bottom-2"> <div class="desktop-w3 phone-w12 margin-bottom-2"> {{if .Data.Poster_path}} - <img src="https://image.tmdb.org/t/p/w154{{.Data.Poster_path}}" class="block width-154px"> + <img src="https://image.tmdb.org/t/p/w154{{.Data.Poster_path}}" class="block min-height-231px width-154px"> {{else}} - <img src="/static/img/poster_empty.webp" class="block width-154px" /> + <img src="/static/img/poster_empty.webp" class="block min-height-231px width-154px" /> {{end}} <div class="on-phone"> <span class="sans font-3">{{.Data.Title}}</span> @@ -141,9 +141,9 @@ <div class="flex force-width-16"> <div> {{if .Poster_path}} - <img src="https://image.tmdb.org/t/p/w92{{.Poster_path}}" class="width-92px" /> + <img src="https://image.tmdb.org/t/p/w92{{.Poster_path}}" class="min-height-139px width-92px" /> {{else}} - <img src="/static/img/poster_empty.webp" class="width-92px" /> + <img src="/static/img/poster_empty.webp" class="min-height-139px width-92px" /> {{end}} </div> <div class="margin-lr-1"> @@ -173,9 +173,9 @@ <div class="flex"> <div> {{if .Profile_path}} - <img src="https://image.tmdb.org/t/p/w92{{.Profile_path}}" class="width-92px" decoding="async" loading="lazy" /> + <img src="https://image.tmdb.org/t/p/w92{{.Profile_path}}" class="min-height-139px width-92px" decoding="async" loading="lazy" /> {{else}} - <img src="/static/img/person_empty.webp" class="width-92px" decoding="async" loading="lazy" /> + <img src="/static/img/person_empty.webp" class="min-height-139px width-92px" decoding="async" loading="lazy" /> {{end}} </div> <div class="margin-lr-1"> @@ -200,9 +200,9 @@ <div class="flex"> <div> {{if .Profile_path}} - <img src="https://image.tmdb.org/t/p/w92{{.Profile_path}}" class="width-92px" decoding="async" loading="lazy" /> + <img src="https://image.tmdb.org/t/p/w92{{.Profile_path}}" class="min-height-139px width-92px" decoding="async" loading="lazy" /> {{else}} - <img src="/static/img/person_empty.webp" class="width-92px" decoding="async" loading="lazy" /> + <img src="/static/img/person_empty.webp" class="min-height-139px width-92px" decoding="async" loading="lazy" /> {{end}} </div> <div class="margin-lr-1"> diff --git a/templates/person.html b/templates/person.html index 81c0f2882ae12c3a60b7439d2fb4e8a3f8605a01..f3b722f30a42eb5f091a35ff264efa7982b50af5 100644 --- a/templates/person.html +++ b/templates/person.html @@ -57,9 +57,9 @@ <main class="margin-top-20 margin-lr-5 flex flex-row flex-wrap flex-justify-space flex-align-start"> <div class="desktop-w3 phone-w12 margin-bottom-2"> {{if .Data.Profile_path}} - <img src="https://image.tmdb.org/t/p/w154{{.Data.Profile_path}}" class="block"> + <img src="https://image.tmdb.org/t/p/w154{{.Data.Profile_path}}" class="block min-height-231px width-154px"> {{else}} - <img src="/static/img/person_empty.webp" class="block" /> + <img src="/static/img/person_empty.webp" class="block min-height-231px width-154px" /> {{end}} <div class="on-phone"> <span class="sans font-3">{{.Data.Name}}</span> @@ -100,11 +100,11 @@ {{end}} <div class="flex"> <div> {{if .Poster_path}} - <img src="https://image.tmdb.org/t/p/w92{{.Poster_path}}" class="width-92px" decoding="async" loading="lazy" /> + <img src="https://image.tmdb.org/t/p/w92{{.Poster_path}}" class="min-height-139px width-92px" decoding="async" loading="lazy" /> {{else if eq .Media_type "movie"}} - <img src="/static/img/poster_empty.webp" class="width-92px" decoding="async" loading="lazy" /> + <img src="/static/img/poster_empty.webp" class="min-height-139px width-92px" decoding="async" loading="lazy" /> {{else if eq .Media_type "tv"}} - <img src="/static/img/tv_empty.webp" class="width-92px" decoding="async" loading="lazy" /> + <img src="/static/img/tv_empty.webp" class="min-height-139px width-92px" decoding="async" loading="lazy" /> {{end}} </div> <div class="margin-lr-1"> @@ -139,11 +139,11 @@ {{end}} <div class="flex"> <div> {{if .Poster_path}} - <img src="https://image.tmdb.org/t/p/w92{{.Poster_path}}" decoding="async" loading="lazy" class="width-92px" /> + <img src="https://image.tmdb.org/t/p/w92{{.Poster_path}}" decoding="async" loading="lazy" class="min-height-139px width-92px" /> {{else if eq .Media_type "movie"}} - <img src="/static/img/poster_empty.webp" class="width-92px" decoding="async" loading="lazy" /> + <img src="/static/img/poster_empty.webp" class="min-height-139px width-92px" decoding="async" loading="lazy" /> {{else if eq .Media_type "tv"}} - <img src="/static/img/tv_empty.webp" class="width-92px" decoding="async" loading="lazy" /> + <img src="/static/img/tv_empty.webp" class="min-height-139px width-92px" decoding="async" loading="lazy" /> {{end}} </div> <div class="margin-lr-1"> diff --git a/templates/readlist.html b/templates/readlist.html index 12f9bd066a4bcd73187715a5c72afbdb34a04a89..406dbecb7362a24120a6dd70925d2e240a84d095 100644 --- a/templates/readlist.html +++ b/templates/readlist.html @@ -62,9 +62,9 @@ <div class="flex"> <div> {{if .Cover}} - <img src="{{.Cover}}" class="width-154px" /> + <img src="{{.Cover}}" class="min-height-231px width-154px" /> {{else}} - <img src="/static/img/book_empty.webp" class="width-154px" /> + <img src="/static/img/book_empty.webp" class="min-height-231px width-154px" /> {{end}} </div> <div class="margin-lr-1"> diff --git a/templates/search.html b/templates/search.html index 3e77b8a9d8a4fb896c54b995c9d2b7e2d2b5d7ce..a6b0b79237e52f2eedd229f3d84dcb349ec884fa 100644 --- a/templates/search.html +++ b/templates/search.html @@ -70,13 +70,13 @@ {{end}} <div class="flex"> <div> {{if .Poster_path}} - <img src="https://image.tmdb.org/t/p/w154{{.Poster_path}}" class="width-154px" /> + <img src="https://image.tmdb.org/t/p/w154{{.Poster_path}}" class="min-height-231px width-154px" /> {{else if eq .Media_type "movie"}} - <img src="/static/img/poster_empty.webp" class="width-154px" /> + <img src="/static/img/poster_empty.webp" class="min-height-231px width-154px" /> {{else if eq .Media_type "tv"}} - <img src="/static/img/tv_empty.webp" class="width-154px" /> + <img src="/static/img/tv_empty.webp" class="min-height-231px width-154px" /> {{else if eq .Media_type "person"}} - <img src="/static/img/person_empty.webp" class="width-154px" /> + <img src="/static/img/person_empty.webp" class="min-height-231px width-154px" /> {{end}} </div> <div class="margin-lr-1"> @@ -106,13 +106,13 @@ {{end}} <div class="flex"> <div> {{if .ImagePath}} - <img src="{{.ImagePath}}" class="width-154px" /> + <img src="{{.ImagePath}}" class="min-height-231px width-154px" /> {{else if eq .Type "works"}} - <img src="/static/img/book_empty.webp" class="width-154px" /> + <img src="/static/img/book_empty.webp" class="min-height-231px width-154px" /> {{else if eq .Type "humans"}} - <img src="/static/img/person_empty.webp" class="width-154px" /> + <img src="/static/img/person_empty.webp" class="min-height-231px width-154px" /> {{else if eq .Type "series"}} - <img src="/static/img/bookserie_empty.webp" class="width-154px" /> + <img src="/static/img/bookserie_empty.webp" class="min-height-231px width-154px" /> {{end}} </div> <div class="margin-lr-1"> diff --git a/templates/tvqueue.html b/templates/tvqueue.html index 4a1cabe2d3f359a487d668331a7e378c3b785c33..813c9cd2b4b1150a34cfc185212eb8003d7ebea1 100644 --- a/templates/tvqueue.html +++ b/templates/tvqueue.html @@ -63,9 +63,9 @@
<div class="flex"> <div> {{if .Cover}} - <img src="https://image.tmdb.org/t/p/w154{{.Cover}}" class="width-154px{{if .IsUnreleased "tvseries"}} bw{{end}}" /> + <img src="https://image.tmdb.org/t/p/w154{{.Cover}}" class="min-height-231px width-154px{{if .IsUnreleased "tvseries"}} bw{{end}}" /> {{else}} - <img src="/static/img/tv_empty.webp" class="width-154px" /> + <img src="/static/img/tv_empty.webp" class="min-height-231px width-154px" /> {{end}} </div> <div class="margin-lr-1"> diff --git a/templates/tvserie.html b/templates/tvserie.html index f41a6b82b9d7303da540473f09393bbedf48b79b..25b16dd6fd4ff702ee3d3eefd8f33891c5ae61f6 100644 --- a/templates/tvserie.html +++ b/templates/tvserie.html @@ -64,9 +64,9 @@
<main class="margin-top-20 margin-lr-5 flex flex-row flex-wrap flex-justify-space flex-align-start"> <div class="desktop-w3 phone-w12 margin-bottom-2"> {{if .Data.Poster_path}} - <img src="https://image.tmdb.org/t/p/w154{{.Data.Poster_path}}" class="block width-154px"> + <img src="https://image.tmdb.org/t/p/w154{{.Data.Poster_path}}" class="block min-height-231px width-154px"> {{else}} - <img src="/static/img/tv_empty.webp" class="block width-154px" /> + <img src="/static/img/tv_empty.webp" class="block min-height-231px width-154px" /> {{end}} <div class="on-phone"> <span class="sans font-3">{{.Data.Name}}</span> @@ -106,9 +106,9 @@ {{.Strings.Serie.latest_episode}} <div class="flex margin-tb-1"> <div class="margin-lr-1"> {{if .Data.Last_episode_to_air.Still_path}} - <img src="https://image.tmdb.org/t/p/w185{{.Data.Last_episode_to_air.Still_path}}" decoding="async" loading="lazy" class="width-185px {{if .Data.Last_episode_to_air.ContainsSpoilers}}spoiler{{end}}"/> + <img src="https://image.tmdb.org/t/p/w185{{.Data.Last_episode_to_air.Still_path}}" decoding="async" loading="lazy" class="min-height-104px width-185px {{if .Data.Last_episode_to_air.ContainsSpoilers}}spoiler{{end}}"/> {{else}} - <img src="/static/img/still_empty.webp" decoding="async" loading="lazy" class="width-185px"/> <!-- Photo by [Mahdi Leader](https://www.pexels.com/@mahdi-leader-415984) from [Pexels](https://www.pexels.com/photo/walpaper-firewatch-1090640) --> + <img src="/static/img/still_empty.webp" decoding="async" loading="lazy" class="min-height-104px width-185px"/> <!-- Photo by [Mahdi Leader](https://www.pexels.com/@mahdi-leader-415984) from [Pexels](https://www.pexels.com/photo/walpaper-firewatch-1090640) --> {{end}} </div> <div> @@ -127,9 +127,9 @@ {{.Strings.Serie.next_episode}} <div class="flex margin-tb-1"> <div class="margin-lr-1"> {{if .Data.Next_episode_to_watch.Still_path}} - <img src="https://image.tmdb.org/t/p/w185{{.Data.Next_episode_to_watch.Still_path}}" decoding="async" loading="lazy" class="width-185px"/> + <img src="https://image.tmdb.org/t/p/w185{{.Data.Next_episode_to_watch.Still_path}}" decoding="async" loading="lazy" class="min-height-104px width-185px"/> {{else}} - <img src="/static/img/still_empty.webp" decoding="async" loading="lazy" class="width-185px"/> <!-- Photo by [Mahdi Leader](https://www.pexels.com/@mahdi-leader-415984) from [Pexels](https://www.pexels.com/photo/walpaper-firewatch-1090640) --> + <img src="/static/img/still_empty.webp" decoding="async" loading="lazy" class="min-height-104px width-185px"/> <!-- Photo by [Mahdi Leader](https://www.pexels.com/@mahdi-leader-415984) from [Pexels](https://www.pexels.com/photo/walpaper-firewatch-1090640) --> {{end}} </div> <div> @@ -204,9 +204,9 @@ {{range .Episodes}} <div class="flex margin-tb-1"> <div class="margin-lr-1"> {{if .Still_path}} - <img src="https://image.tmdb.org/t/p/w185{{.Still_path}}" decoding="async" loading="lazy" class="width-185px {{if .ContainsSpoilers}}spoiler{{end}}"/> + <img src="https://image.tmdb.org/t/p/w185{{.Still_path}}" decoding="async" loading="lazy" class="min-height-104px width-185px {{if .ContainsSpoilers}}spoiler{{end}}"/> {{else}} - <img src="/static/img/still_empty.webp" decoding="async" loading="lazy" class="width-185px"/> <!-- Photo by [Mahdi Leader](https://www.pexels.com/@mahdi-leader-415984) from [Pexels](https://www.pexels.com/photo/walpaper-firewatch-1090640) --> + <img src="/static/img/still_empty.webp" decoding="async" loading="lazy" class="min-height-104px width-185px"/> <!-- Photo by [Mahdi Leader](https://www.pexels.com/@mahdi-leader-415984) from [Pexels](https://www.pexels.com/photo/walpaper-firewatch-1090640) --> {{end}} </div> <div class="w12"> @@ -273,9 +273,9 @@
<div class="flex"> <div> {{if .Profile_path}} - <img src="https://image.tmdb.org/t/p/w92{{.Profile_path}}" class="width-92px" decoding="async" loading="lazy" /> + <img src="https://image.tmdb.org/t/p/w92{{.Profile_path}}" class="min-height-139px width-92px" decoding="async" loading="lazy" /> {{else}} - <img src="/static/img/person_empty.webp" class="width-92px" decoding="async" loading="lazy" /> + <img src="/static/img/person_empty.webp" class="min-height-139px width-92px" decoding="async" loading="lazy" /> {{end}} </div> <div class="margin-lr-1"> @@ -300,9 +300,9 @@ <div class="flex"> <div> {{if .Profile_path}} - <img src="https://image.tmdb.org/t/p/w92{{.Profile_path}}" class="width-92px" decoding="async" loading="lazy" /> + <img src="https://image.tmdb.org/t/p/w92{{.Profile_path}}" class="min-height-139px width-92px" decoding="async" loading="lazy" /> {{else}} - <img src="/static/img/person_empty.webp" class="width-92px" decoding="async" loading="lazy" /> + <img src="/static/img/person_empty.webp" class="min-height-139px width-92px" decoding="async" loading="lazy" /> {{end}} </div> <div class="margin-lr-1"> diff --git a/templates/watchlist.html b/templates/watchlist.html index c2f3f16a8ecb77f8012b7f22e5491c800c3116cc..9cec37c255fd8c233dac2d41ce4f2818f66fda94 100644 --- a/templates/watchlist.html +++ b/templates/watchlist.html @@ -62,9 +62,9 @@ <div class="flex"> <div> {{if .Cover}} - <img src="https://image.tmdb.org/t/p/w154{{.Cover}}" class="width-154px{{if .IsUnreleased "film"}} bw{{end}}" /> + <img src="https://image.tmdb.org/t/p/w154{{.Cover}}" class="min-height-231px width-154px{{if .IsUnreleased "film"}} bw{{end}}" /> {{else}} - <img src="/static/img/poster_empty.webp" class="width-154px" /> + <img src="/static/img/poster_empty.webp" class="min-height-231px width-154px" /> {{end}} </div> <div class="margin-lr-1">