Updated VS Code search settings and popular anime page

.vscode/settings.json

@@ -6,10 +6,15 @@
 	"files.exclude": {
 		"**/*.js": {
 			"when": "$(basename).ts"
-		}
+		},
+		"components/": true
 	},
 	"files.associations": {
 		"*.pixy": "jade",
 		"*.scarlet": "stylus"
+	},
+	"search.exclude": {
+		"components/": true,
+		"**/*.svg": true
 	}
 }

pages/popularanime/popular.go

@@ -16,5 +16,5 @@ func Get(ctx *aero.Context) string {
 		return ctx.Error(http.StatusInternalServerError, "Error fetching popular anime", err)
 	}
 
-	return ctx.HTML(components.AnimeGrid(animeList))
+	return ctx.HTML(components.PopularAnime(animeList))
 }

pages/popularanime/popular.pixy

@@ -0,0 +1,6 @@
+component PopularAnime(animeList []*arn.Anime)
+	h2 Top 3
+	AnimeGrid(animeList[:3])
+
+	h2 Popular
+	AnimeGrid(animeList[3:])

styles/typography.scarlet

@@ -8,6 +8,7 @@ p, h1, h2, h3, h4, h5, h6
 		margin-bottom 0
 
 h2
+	margin-top content-padding
 	margin-bottom content-padding
 
 p > img