Implemented forum overview

pages/genres/genres.pixy

@@ -0,0 +1,15 @@
+component GenreOverview
+	h2.genre-header Genres
+	
+	div
+		each genre in arn.Genres
+			a.light-button.ajax(href="/genres/" + arn.FixGenre(genre))
+				Icon(arn.GetGenreIcon(genre))
+				span= genre
+
+component AnimeInGenre(genre string, animeList []*arn.Anime)
+	h2.genre-header= arn.Capitalize(genre)
+	.genre-anime-list
+		each anime in animeList
+			a.genre-anime-link.ajax(href="/anime/" + toString(anime.ID))
+				img.anime-image.genre-anime-image(src=anime.Image, alt=anime.Title.Romaji, title=anime.Title.Romaji + " (" + toString(anime.Watching) + ")")

pages/genres/genres.styl

@@ -0,0 +1,22 @@
+.genre-header
+	text-align center
+
+.genre-anime-list
+	display flex
+	flex-flow row wrap
+	float none !important
+	justify-content center
+
+.genre-anime-image
+	width 16vw
+	height 9vw
+	min-width 90px
+	min-height 127px
+	max-width 200px
+	max-height 282px
+	object-fit cover
+
+.genre-anime-link
+	margin 0.5em
+	flex-grow 0
+	flex-shrink 0