Renamed anime-grid-title to generic image-title

mixins/AnimeGrid.pixy

@@ -15,16 +15,16 @@ component AnimeGridScrollable(animes []*arn.Anime, user *arn.User)
 component AnimeImageLink(anime *arn.Anime, size string, user *arn.User)
 	a(href="/anime/" + anime.ID)
 		img.anime-grid-image.lazy(data-src=anime.ImageLink(size), data-webp="true", data-color=anime.AverageColor(), alt=anime.Title.Romaji)
-		.anime-grid-title
+		.image-title
-			.anime-grid-title-text= anime.Title.ByUser(user)
+			.image-title-text= anime.Title.ByUser(user)
 
 component AnimeGridWithRelationScrollable(entries []*utils.AnimeWithRelatedAnime, user *arn.User)
 	each entry in entries
 		.anime-grid-cell(data-added=(user != nil && user.AnimeList().Contains(entry.Anime.ID)))
 			a(href="/anime/" + entry.Anime.ID)
 				img.anime-grid-image.lazy(data-src=entry.Anime.ImageLink("medium"), data-webp="true", data-color=entry.Anime.AverageColor(), alt=entry.Anime.Title.Romaji)
-				.anime-grid-title
+				.image-title
-					.anime-grid-title-text= entry.Anime.Title.ByUser(user)
+					.image-title-text= entry.Anime.Title.ByUser(user)
 			
 			AnimeGridButton(entry.Anime, user)
 

pages/anime/character.pixy

@@ -1,11 +1,11 @@
 component Character(character *arn.Character)
 	a.character(href="/character/" + character.ID)
 		img.character-image.lazy(data-src=character.ImageLink("medium"), alt=character.Name.Canonical)
-		.anime-grid-title
+		.image-title
-			.anime-grid-title-text= character.Name.Canonical
+			.image-title-text= character.Name.Canonical
 
 component CharacterSmall(character *arn.Character)
 	a.character(href="/character/" + character.ID)
 		img.character-image.character-image-small.lazy(data-src=character.ImageLink("small"), alt=character.Name.Canonical)
-		.anime-grid-title
+		.image-title
-			.anime-grid-title-text= character.Name.Canonical
+			.image-title-text= character.Name.Canonical

pages/anime/character.scarlet

@@ -9,7 +9,7 @@
 	transform scale(1)
 
 	:hover
-		.anime-grid-title
+		.image-title
 			opacity 1
 
 .character-image

pages/explore/halloffame/halloffame.scarlet

@@ -43,10 +43,10 @@
 	height anime-image-large-height
 	border-radius ui-element-border-radius
 
-	.anime-grid-title
+	.image-title
 		font-size 1.2rem
 		padding 1rem 0.75rem
 
 	:hover
-		.anime-grid-title
+		.image-title
 			opacity 1

pages/users/users.pixy

@@ -15,8 +15,8 @@ component ProUsers(users []*arn.User, url string)
 		each user in users
 			a.profile-image-container.mountable(href=user.Link())
 				ProfileImage(user)
-				.anime-grid-title
+				.image-title
-					.anime-grid-title-text= user.Nick
+					.image-title-text= user.Nick
 	
 	.footer.mountable
 		p We are thankful to everyone supporting the site!

pages/users/users.scarlet

@@ -19,7 +19,7 @@
 		box-shadow shadow-light
 
 		:hover
-			.anime-grid-title
+			.image-title
 				opacity 1
 
 .user

styles/anime-grid.scarlet

@@ -8,7 +8,7 @@
 	default-transition
 
 	:hover
-		.anime-grid-title,
+		.image-title,
 		.anime-grid-add-button
 			opacity 1
 
@@ -25,25 +25,6 @@
 .anime-grid-image
 	grid-image
 
-.anime-grid-title
-	opacity 0
-	position absolute
-	bottom 0
-	left 0
-	width 100%
-	padding 0.7rem 0.5rem
-	background linear-gradient(to top, hsla(0, 0%, 0%, 0.8), hsla(0, 0%, 0%, 0))
-	border-bottom-left-radius ui-element-border-radius
-	border-bottom-right-radius ui-element-border-radius
-	default-transition
-
-.anime-grid-title-text
-	text-align center
-	color white
-	text-shadow 0 0 3px black
-	font-size 80%
-	line-height 1.8em
-
 .anime-grid-add-button
 	opacity 0
 	position absolute

styles/image-title.scarlet

@@ -0,0 +1,19 @@
+.image-title
+	opacity 0
+	position absolute
+	bottom 0
+	left 0
+	width 100%
+	padding 0.7rem 0.5rem
+	background linear-gradient(to top, hsla(0, 0%, 0%, 0.8), hsla(0, 0%, 0%, 0))
+	border-bottom-left-radius ui-element-border-radius
+	border-bottom-right-radius ui-element-border-radius
+	pointer-events none
+	default-transition
+
+.image-title-text
+	text-align center
+	color white
+	text-shadow 0 0 3px black
+	font-size 80%
+	line-height 1.8em