Commit

.gitignore

@@ -1 +1,2 @@
-Dockerfile
+Dockerfile
+Pages/Recommender App Dev Copy.py

Pages/Recommender App.py

@@ -97,6 +97,9 @@ def top_animes():
     border-radius: 15px;
     text-align: center;
     }
+    a.st-emotion-cache-1lbx6hs.e16zdaao0>div>p {
+    font-weight: 600;
+    }
     a.st-emotion-cache-1lbx6hs.e16zdaao0:hover {
     scale: 1.05;
     transition-duration: 0.3s;
@@ -115,28 +118,28 @@ def top_animes():
                 f"{top8.iloc[0].anime_url}",
                 use_container_width=True,
             )
-            st.image(top8.iloc[0].poster)
+            st.image(top8.iloc[0].poster, use_column_width=True)
         with col1:
             st.link_button(
                 f"{top8.iloc[1].title}",
                 f"{top8.iloc[1].anime_url}",
                 use_container_width=True,
             )
-            st.image(top8.iloc[1].poster)
+            st.image(top8.iloc[1].poster, use_column_width=True)
         with col2:
             st.link_button(
                 f"{top8.iloc[2].title}",
                 f"{top8.iloc[2].anime_url}",
                 use_container_width=True,
             )
-            st.image(top8.iloc[2].poster)
+            st.image(top8.iloc[2].poster, use_column_width=True)
         with col3:
             st.link_button(
                 f"{top8.iloc[3].title}",
                 f"{top8.iloc[3].anime_url}",
                 use_container_width=True,
             )
-            st.image(top8.iloc[3].poster)
+            st.image(top8.iloc[3].poster, use_column_width=True)
 
     st.divider()
 
@@ -148,28 +151,28 @@ def top_animes():
                 f"{top8.iloc[4].anime_url}",
                 use_container_width=True,
             )
-            st.image(top8.iloc[4].poster)
+            st.image(top8.iloc[4].poster, use_column_width=True)
         with col5:
             st.link_button(
                 f"{top8.iloc[5].title}",
                 f"{top8.iloc[5].anime_url}",
                 use_container_width=True,
             )
-            st.image(top8.iloc[5].poster)
+            st.image(top8.iloc[5].poster, use_column_width=True)
         with col6:
             st.link_button(
                 f"{top8.iloc[6].title}",
                 f"{top8.iloc[6].anime_url}",
                 use_container_width=True,
             )
-            st.image(top8.iloc[6].poster)
+            st.image(top8.iloc[6].poster, use_column_width=True)
         with col7:
             st.link_button(
                 f"{top8.iloc[7].title}",
                 f"{top8.iloc[7].anime_url}",
                 use_container_width=True,
             )
-            st.image(top8.iloc[7].poster)
+            st.image(top8.iloc[7].poster, use_column_width=True)
 
 
 # Function to display the top 8 animes for user given genre
@@ -183,6 +186,9 @@ def top_animes_genres(genre_select):
     border-radius: 15px;
     text-align: center;
     }
+    a.st-emotion-cache-1lbx6hs.e16zdaao0>div>p {
+    font-weight: 600;
+    }    
     a.st-emotion-cache-1lbx6hs.e16zdaao0:hover {
     scale: 1.05;
     transition-duration: 0.3s;
@@ -201,28 +207,28 @@ def top_animes_genres(genre_select):
             f"{top_8_genre.iloc[0].anime_url}",
             use_container_width=True,
         )
-        st.image(top_8_genre.iloc[0].poster)
+        st.image(top_8_genre.iloc[0].poster, use_column_width=True)
     with col1:
         st.link_button(
             f"{top_8_genre.iloc[1].title}",
             f"{top_8_genre.iloc[1].anime_url}",
             use_container_width=True,
         )
-        st.image(top_8_genre.iloc[1].poster)
+        st.image(top_8_genre.iloc[1].poster, use_column_width=True)
     with col2:
         st.link_button(
             f"{top_8_genre.iloc[2].title}",
             f"{top_8_genre.iloc[2].anime_url}",
             use_container_width=True,
         )
-        st.image(top_8_genre.iloc[2].poster)
+        st.image(top_8_genre.iloc[2].poster, use_column_width=True)
     with col3:
         st.link_button(
             f"{top_8_genre.iloc[3].title}",
             f"{top_8_genre.iloc[3].anime_url}",
             use_container_width=True,
         )
-        st.image(top_8_genre.iloc[3].poster)
+        st.image(top_8_genre.iloc[3].poster, use_column_width=True)
 
     st.divider()
 
@@ -233,28 +239,28 @@ def top_animes_genres(genre_select):
             f"{top_8_genre.iloc[4].anime_url}",
             use_container_width=True,
         )
-        st.image(top_8_genre.iloc[4].poster)
+        st.image(top_8_genre.iloc[4].poster, use_column_width=True)
     with col5:
         st.link_button(
             f"{top_8_genre.iloc[5].title}",
             f"{top_8_genre.iloc[5].anime_url}",
             use_container_width=True,
         )
-        st.image(top_8_genre.iloc[5].poster)
+        st.image(top_8_genre.iloc[5].poster, use_column_width=True)
     with col6:
         st.link_button(
             f"{top_8_genre.iloc[6].title}",
             f"{top_8_genre.iloc[6].anime_url}",
             use_container_width=True,
         )
-        st.image(top_8_genre.iloc[6].poster)
+        st.image(top_8_genre.iloc[6].poster, use_column_width=True)
     with col7:
         st.link_button(
             f"{top_8_genre.iloc[7].title}",
             f"{top_8_genre.iloc[7].anime_url}",
             use_container_width=True,
         )
-        st.image(top_8_genre.iloc[7].poster)
+        st.image(top_8_genre.iloc[7].poster, use_column_width=True)
 
 
 # Function to display the top 8 animes with user given anime name for all genres
@@ -268,6 +274,9 @@ def top_animes_custom(anime_select):
     border-radius: 15px;
     text-align: center;
     }
+    a.st-emotion-cache-1lbx6hs.e16zdaao0>div>p {
+    font-weight: 600;
+    }    
     a.st-emotion-cache-1lbx6hs.e16zdaao0:hover {
     scale: 1.05;
     transition-duration: 0.3s;
@@ -289,28 +298,28 @@ def top_animes_custom(anime_select):
                 f"{recommended_anime_urls[0]}",
                 use_container_width=True,
             )
-            st.image(recommended_anime_posters[0])
+            st.image(recommended_anime_posters[0], use_column_width=True)
         with col1:
             st.link_button(
                 f"{recommended_anime_names[1]}",
                 f"{recommended_anime_urls[1]}",
                 use_container_width=True,
             )
-            st.image(recommended_anime_posters[1])
+            st.image(recommended_anime_posters[1], use_column_width=True)
         with col2:
             st.link_button(
                 f"{recommended_anime_names[2]}",
                 f"{recommended_anime_urls[2]}",
                 use_container_width=True,
             )
-            st.image(recommended_anime_posters[2])
+            st.image(recommended_anime_posters[2], use_column_width=True)
         with col3:
             st.link_button(
                 f"{recommended_anime_names[3]}",
                 f"{recommended_anime_urls[3]}",
                 use_container_width=True,
             )
-            st.image(recommended_anime_posters[3])
+            st.image(recommended_anime_posters[3], use_column_width=True)
 
     st.divider()
 
@@ -322,28 +331,28 @@ def top_animes_custom(anime_select):
                 f"{recommended_anime_urls[4]}",
                 use_container_width=True,
             )
-            st.image(recommended_anime_posters[4])
+            st.image(recommended_anime_posters[4], use_column_width=True)
         with col5:
             st.link_button(
                 f"{recommended_anime_names[5]}",
                 f"{recommended_anime_urls[5]}",
                 use_container_width=True,
             )
-            st.image(recommended_anime_posters[5])
+            st.image(recommended_anime_posters[5], use_column_width=True)
         with col6:
             st.link_button(
                 f"{recommended_anime_names[6]}",
                 f"{recommended_anime_urls[6]}",
                 use_container_width=True,
             )
-            st.image(recommended_anime_posters[6])
+            st.image(recommended_anime_posters[6], use_column_width=True)
         with col7:
             st.link_button(
                 f"{recommended_anime_names[7]}",
                 f"{recommended_anime_urls[7]}",
                 use_container_width=True,
             )
-            st.image(recommended_anime_posters[7])
+            st.image(recommended_anime_posters[7], use_column_width=True)
 
 
 # Function to display the top 8 animes with user given anime name and genre
@@ -357,6 +366,9 @@ def top_animes_custom_genres(anime_select, genre_select):
     border-radius: 15px;
     text-align: center;
     }
+    a.st-emotion-cache-1lbx6hs.e16zdaao0>div>p {
+    font-weight: 600;
+    }
     a.st-emotion-cache-1lbx6hs.e16zdaao0:hover {
     scale: 1.05;
     transition-duration: 0.3s;
@@ -378,28 +390,28 @@ def top_animes_custom_genres(anime_select, genre_select):
                 f"{recommended_anime_urls[0]}",
                 use_container_width=True,
             )
-            st.image(recommended_anime_posters[0])
+            st.image(recommended_anime_posters[0], use_column_width=True)
         with col1:
             st.link_button(
                 f"{recommended_anime_names[1]}",
                 f"{recommended_anime_urls[1]}",
                 use_container_width=True,
             )
-            st.image(recommended_anime_posters[1])
+            st.image(recommended_anime_posters[1], use_column_width=True)
         with col2:
             st.link_button(
                 f"{recommended_anime_names[2]}",
                 f"{recommended_anime_urls[2]}",
                 use_container_width=True,
             )
-            st.image(recommended_anime_posters[2])
+            st.image(recommended_anime_posters[2], use_column_width=True)
         with col3:
             st.link_button(
                 f"{recommended_anime_names[3]}",
                 f"{recommended_anime_urls[3]}",
                 use_container_width=True,
             )
-            st.image(recommended_anime_posters[3])
+            st.image(recommended_anime_posters[3], use_column_width=True)
 
     st.divider()
 
@@ -411,28 +423,28 @@ def top_animes_custom_genres(anime_select, genre_select):
                 f"{recommended_anime_urls[4]}",
                 use_container_width=True,
             )
-            st.image(recommended_anime_posters[4])
+            st.image(recommended_anime_posters[4], use_column_width=True)
         with col5:
             st.link_button(
                 f"{recommended_anime_names[5]}",
                 f"{recommended_anime_urls[5]}",
                 use_container_width=True,
             )
-            st.image(recommended_anime_posters[5])
+            st.image(recommended_anime_posters[5], use_column_width=True)
         with col6:
             st.link_button(
                 f"{recommended_anime_names[6]}",
                 f"{recommended_anime_urls[6]}",
                 use_container_width=True,
             )
-            st.image(recommended_anime_posters[6])
+            st.image(recommended_anime_posters[6], use_column_width=True)
         with col7:
             st.link_button(
                 f"{recommended_anime_names[7]}",
                 f"{recommended_anime_urls[7]}",
                 use_container_width=True,
             )
-            st.image(recommended_anime_posters[7])
+            st.image(recommended_anime_posters[7], use_column_width=True)
 
 
 # Recommender Page