Setting to alter recommended videos display

pug/settings.pug

@@ -47,7 +47,7 @@ block content
 
         +select({
           id: "local",
-          label: "Fetch videos",
+          label: "Fetch videos from",
           description: "If remote, the instance above will be used.\nIf local, CloudTube will try to connect to an instance running on your own computer. This can bypass blocks, but requires you to run the instance software.",
           options: [
             {value: "0", text: "Remote instance"},
@@ -78,6 +78,17 @@ block content
           ]
         })
 
+        +select({
+          id: "recommended_mode",
+          label: "Recommended videos",
+          description: 'Videos are recommended by YouTube to make people waste time.\nYou can take back some control by moving them below, or hiding them entirely.\nFor precise filtering of specific content, <a href="/filters">open the filter editor.</a>',
+          options: [
+            {value: "0", text: "Sidebar"},
+            {value: "1", text: "Below"},
+            {value: "2", text: "Hidden"}
+          ]
+        })
+
       .save-settings
         button.border-look Save
 

pug/video.pug

@@ -20,7 +20,10 @@ block content
         script(type="module" src=getStaticURL("html", "/static/js/continuous.js"))
         noscript
           meta(http-equiv="refresh" content=`${video.lengthSeconds+5};url=/watch?v=${first.videoId}&continuous=1&session-watched=${sessionWatchedNext}`)
-    main.video-page
+    main.video-page(class={
+      "video-page--recommended-below": settings.recommended_mode === 1,
+      "video-page--recommended-hidden": settings.recommended_mode === 2
+    })
       .main-video-section
         .video-container
           - const format = formats[0]