diff --git a/.streamlit/config.toml b/.streamlit/config.toml
new file mode 100644
index 00000000..22c78c34
--- /dev/null
+++ b/.streamlit/config.toml
@@ -0,0 +1,5 @@
+[theme]
+ primaryColor="#a0f7eb"
+ backgroundColor="#0e0325"
+ secondaryBackgroundColor="#19094f"
+ textColor="#e492f5"
diff --git a/edsa_recommender.py b/edsa_recommender.py
index f1192112..b5546c25 100644
--- a/edsa_recommender.py
+++ b/edsa_recommender.py
@@ -43,9 +43,26 @@
# App declaration
def main():
+ def add_bg_from_url(): ## The main background added
+
+ st.markdown(
+ f"""
+
+ """,
+ unsafe_allow_html=True
+ )
+
+ add_bg_from_url()
+
# DO NOT REMOVE the 'Recommender System' option below, however,
# you are welcome to add more options to enrich your app.
- page_options = ["Recommender System","Solution Overview"]
+ page_options = ["Recommender System","Why Starlink","Movie selector","About us","Contact us"]
# -------------------------------------------------------------------
# ----------- !! THIS CODE MUST NOT BE ALTERED !! -------------------
@@ -54,7 +71,7 @@ def main():
if page_selection == "Recommender System":
# Header contents
st.write('# Movie Recommender Engine')
- st.write('### EXPLORE Data Science Academy Unsupervised Predict')
+ st.write('### Connecting you to the stars')
st.image('resources/imgs/Image_header.png',use_column_width=True)
# Recommender System algorithm selection
sys = st.radio("Select an algorithm",
@@ -100,13 +117,168 @@ def main():
# -------------------------------------------------------------------
# ------------- SAFE FOR ALTERING/EXTENSION -------------------
- if page_selection == "Solution Overview":
- st.title("Solution Overview")
- st.write("Describe your winning approach on this page")
+ if page_selection == "Why Starlink":
+ st.title("Why Starlink")
+ st.write ("Starlink approaches problems in a systematic manner, carefully executing each step\
+ along the way in order to extract the maximum amount of information from data.our\
+ team uses various statistical methods and technological tools used to make sense of\
+ and model data. Our employees boast domain knowledge that makes it easy to apply the\
+ right methods to extract valuable insights as well as the right methods to judge the\
+ performance of our models properly.")
+
+ if page_selection == "Movie selector":
+
+ def add_bg_from_url():
+ st.markdown(
+ f"""
+
+ """,
+ unsafe_allow_html=True
+ )
+
+ add_bg_from_url()
+
+ st.subheader("Movie Filter")
+
+ st.write("This section is based of you using the presented filter base to generate a list of movies:")
+ movie_gallery = "https://images.unsplash.com/photo-1581905764498-f1b60bae941a?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=464&q=80.open('sunrise.jpg')"
+ st.image(movie_gallery, caption='movie gallery')
+
+
+ st.subheader("Please select your favourite genres: ")
+ selected_genres = st.multiselect(
+ 'Please select your favourite genres:',
+ ['action','adventure','comedy','drama','fantasy','horror','musicals','mystery'])
+
+
+
+
+ st.write('You selected:', selected_genres)
+
+
+ st.subheader("Please select the desired length of the movie: ") ## I would have to add the Movie.csv
+
+ start_len = 0
+ start_len, end_len = st.select_slider(
+ 'Select the length of the movie: ',
+ options=['0', '30', '60', '90', '120', '150', '180'],
+ value=('0', '90'))
+ st.write('You selected the length of the movies to be between ',start_len, 'minutes and', end_len,'minutes.')
+
+
+ st.subheader("Please select the desired movie ratings : ")
+
+ stared_option = st.selectbox(
+ 'Select rating of the movie: ', ##
+ ('1.0', '2.0', '3.0', '4.0', '5.0'))
+ st.write('You selected:', stared_option)
+
+
+
+
+
+
+
+ if st.button('Generate'):
+ st.write('Your filtered movies')
+
+ else:
+ st.write('Please try again')
+
+
+
+
+
+ if page_selection == "About us":
+
+
+ def add_bg_from_url():
+ st.markdown(
+ f"""
+
+ """,
+ unsafe_allow_html=True
+ )
+
+ add_bg_from_url()
+
+ st.write("This section is based of you using the presented filter base to generate a list of movies:")
+ movie_gallery = "https://images.unsplash.com/photo-1581905764498-f1b60bae941a?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=464&q=80.open('sunrise.jpg')"
+ st.image(movie_gallery, caption='movie gallery')
+
+
+ st.title("About us")
+
+
+ def add_bg_from_url():
+ st.markdown(
+ f"""
+
+ """,
+ unsafe_allow_html=True
+ )
+
+ add_bg_from_url()
+
+
+ st.write("We believe that we are only as good as the impact we give.With a nationwide presence,\
+ Starlink positively impacts our client firms successses thanks to our clear vision.\
+ use of technology, clear values, and most importantly our people. Our diverse workforce\
+ comes with vast domain knowledge in variety of industries and works in unison to provide\
+ insights and postive impact to a number of companies.'unity in diversity' is our motto\
+ \
+ With more than 5 years of hard work and commitment to making a real differnce, Starlink\
+ continues to grow while providing world-class data analytics and consulting services\
+ \
+ Starlink is defined by our drive to make an impact that matters in the world and providing\
+ solutions to the challenges that face businesses,goverment and society at large.")
+
+ if page_selection == "Contact us":
+ with st.container():
+ st.write("---")
+ st.header("We would love to hear from you")
+ st.write("##")
# You may want to add more sections here for aspects such as an EDA,
# or to provide your business pitch.
+ contact_form = """
+
+ """
+ left_column, right_column = st.columns(2)
+ with left_column:
+ st.markdown(contact_form, unsafe_allow_html=True)
+ with right_column:
+ st.empty()
+
+def local_css(file_name):
+ with open(file_name) as f:
+ st.markdown(f"",unsafe_allow_html=True)
+local_css("style/style.css")
if __name__ == '__main__':
main()
diff --git a/resources/imgs/movie.jpg b/resources/imgs/movie.jpg
new file mode 100644
index 00000000..9799924d
Binary files /dev/null and b/resources/imgs/movie.jpg differ
diff --git a/style/style.css b/style/style.css
new file mode 100644
index 00000000..08d3a6b1
--- /dev/null
+++ b/style/style.css
@@ -0,0 +1,26 @@
+/* Style inputs with type="text", type="email"and textareas */
+input[type=text], input[type=email], textarea {
+ width: 100%; /* Full width */
+ padding: 12px; /* Some padding */
+ border: 1px solid #ccc; /* Gray border */
+ border-radius: 4px; /* Rounded borders */
+ box-sizing: border-box; /* Make sure that padding and width stays in place */
+ margin-top: 6px; /* Add a top margin */
+ margin-bottom: 16px; /* Bottom margin */
+ resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
+ }
+
+ /* Style the submit button with a specific background color etc */
+ button[type=submit] {
+ background-color: #E492F5;
+ color: #0E0325;
+ padding: 12px 20px;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+ }
+
+ /* When moving the mouse over the submit button, add a darker green color */
+ button[type=submit]:hover {
+ background-color: #A0F7EB;
+ }
\ No newline at end of file