diff --git a/server/app.py b/server/app.py
index e57667a..62aab39 100644
--- a/server/app.py
+++ b/server/app.py
@@ -626,6 +626,54 @@ def show_media_thumb(media_id: int) -> ResponseReturnValue:
     )
 
 
+@flask_app.route("/recommendations/short_filler")
+def recommend_short_filler() -> ResponseReturnValue:
+    return render_template(
+        "recommendations_simple.htm",
+        mode_name="Short Fillers",
+        media_list=generate_preference_list(
+            object_gen=lambda: get_all_considered(
+                filter_by="length <= 15*60",
+                order_by="elem.release_date DESC",
+            ),
+            score_adapt=1,
+            limit=24,
+        ),
+    )
+
+
+@flask_app.route("/recommendations/series_episode")
+def recommend_series_episode() -> ResponseReturnValue:
+    return render_template(
+        "recommendations_simple.htm",
+        mode_name="Series Episodes",
+        media_list=generate_preference_list(
+            object_gen=lambda: get_all_considered(
+                filter_by="15*60 <= length and length <= 45*60",
+                order_by="elem.release_date DESC",
+            ),
+            score_adapt=1,
+            limit=16,
+        ),
+    )
+
+
+@flask_app.route("/recommendations/movie_like")
+def recommend_movie_like() -> ResponseReturnValue:
+    return render_template(
+        "recommendations_simple.htm",
+        mode_name="Movie Like",
+        media_list=generate_preference_list(
+            object_gen=lambda: get_all_considered(
+                filter_by="45*60 <= length",
+                order_by="elem.release_date DESC",
+            ),
+            score_adapt=1,
+            limit=16,
+        ),
+    )
+
+
 @flask_app.route("/api/refresh/collections", methods=["POST"])
 def refresh_collections() -> ResponseReturnValue:
     collection_ids = set[int](
diff --git a/server/templates/macros.htm b/server/templates/macros.htm
index efcd812..67b965a 100644
--- a/server/templates/macros.htm
+++ b/server/templates/macros.htm
@@ -88,6 +88,23 @@
 
             font-size: 1.2rem;
         }
+        /* sidebar box */
+        .sidebar-box {
+            display: flex;
+            position: sticky;
+            float: right;
+            margin: .5rem;
+            top: 1rem;
+            right: 1rem;
+            flex-direction: column;
+            gap: .4rem;
+        }
+        .sidebar-button {
+            font-size: 1.6rem;
+            min-width: 1.7rem;
+            writing-mode: vertical-rl;
+            text-align: center;
+        }
         /* select view */
         #select_view {
             display: flex;
@@ -372,6 +389,14 @@
     </div>
 {%- endmacro %}
 
+{% macro _sidebar() %}
+    <div class="sidebar-box">
+        <a class="sidebar-button button" href="/recommendations/short_filler">Small Fillers</a>
+        <a class="sidebar-button button" href="/recommendations/series_episode">Series Episode</a>
+        <a class="sidebar-button button" href="/recommendations/movie_like">Movie Like</a>
+    </div>
+{%- endmacro %}
+
 {% macro _select_view() %}
     <div id="select_view" to_display="false">
         <div class="text">
@@ -386,6 +411,7 @@
 
 {% macro body_header() %}
     {{ _navigation() }}
+    {{ _sidebar() }}
     {{ _select_view() }}
 {%- endmacro %}