Added main app and requirements

.gitignore

@@ -0,0 +1,2 @@
+.streamlit/
+.venv/

README.md

@@ -1,13 +1 @@
----
-title: Translation Demo
-emoji: 🏢
-colorFrom: green
-colorTo: purple
-sdk: streamlit
-sdk_version: 1.17.0
-app_file: app.py
-pinned: false
-license: afl-3.0
----
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# personal-webpage

app.py

@@ -0,0 +1,414 @@
+import streamlit as st
+from datetime import time, datetime
+import time as t
+from time import time as now
+import pandas as pd
+import pandas_profiling
+import numpy as np
+from streamlit_pandas_profiling import st_profile_report
+from io import StringIO
+import requests
+from pathlib import Path
+from streamlit_elements import elements, dashboard, mui, media
+
+st.set_page_config(page_title="Francesco Daimon Fernicola", page_icon=":milky_way:", layout="wide")
+
+with st.container():
+    st.subheader("Hello, and welcome to my official webpage! I am Daimon :wink:")
+    st.title("PhD Candidate in Machine Translation / Translator / Mountain enthusiast")
+    st.write("I am passionate about finding new ways to effectively use and understand Machine Translation and effectively evaluating its quality.")
+    st.write("""
+    [Github](https://github.com/FrancescoFernicola)
+    [Unibo](https://www.unibo.it/sitoweb/francesco.fernicola2)
+    [LinkedIn](https://www.linkedin.com/in/francesco-fernicola-69a0771b7/?locale=en_US)
+    [Twitter](https://twitter.com/FrancescoDaimon)
+    """)
+
+st.header('st.button')
+
+if st.button('Say hello'):
+    st.write('Why hello there')
+else:
+    st.write('Goodbye')
+
+st.header('st.slider')
+st.subheader('Slider')
+age = st.slider('How old are you?', 0, 120, 25)
+st.write(f"I'm {age} years old")
+
+
+st.subheader('Range Slider')
+
+values = st.slider(
+    'Select a range of values',
+    0.0, 100.0, (25.0, 75.0)
+)
+st.write(f"Values: {values}")
+
+
+st.subheader('Range time slider')
+
+appointment = st.slider(
+    "Schedule your appointment:",
+    value=(time(11,30), time(12,45)),
+    format="hh:mm"
+)
+st.write(f"You're scheduled for: {appointment}")
+
+
+st.subheader('Datetime slider')
+
+start_time = st.slider(
+    "When do you start?",
+    value=datetime(2023, 1, 1, 9, 30),
+    format="DD/MM/YY - hh:mm"
+)
+
+st.write(f"Start time: {start_time}")
+
+
+
+
+st.header('Line Chart')
+
+
+
+chart_data = pd.DataFrame(
+    np.random.randn(20, 3),
+    columns=['a', 'b', 'c']
+)
+
+st.line_chart(chart_data)
+
+
+
+with st.container():
+    option = st.selectbox(
+        'What is your favorite color?',
+        ('Blue', 'Red', 'Green', 'More')
+        )
+
+    if not option == 'More':
+        st.write(f'Your favorite color is {option}')
+    else:
+        new_option = st.multiselect(
+            'What are your favorite colors',
+            ['Green', 'Yellow', 'Red', 'Blue'],
+            ['Yellow', 'Red']
+        )
+        st.write(f'Your favorite colors are {", ".join(new_option)}')
+
+st.header('st.checkbox')
+
+st.write('What would you like to order?')
+
+icecream = st.checkbox('Ice cream')
+coffee = st.checkbox('Coffee')
+cola = st.checkbox('Cola')
+
+if icecream:
+    st.write("Great! Heres some more :icecream:")
+
+if coffee:
+    st.write("Okay, here's some coffee :coffee:")
+
+if cola:
+    st.write("Here you go 🥤")
+
+
+#st.header('streamlig_pandas_profiling')
+
+#df = pd.read_csv('https://raw.githubusercontent.com/dataprofessor/data/master/penguins_cleaned.csv')
+
+#pr = df.profile_report()
+#st_profile_report(pr)
+
+
+st.write("Contents of the '.streamlit/config.toml' file of this app")
+
+st.code("""
+[theme]
+primaryColor="#F39C12"
+backgroundColor="#2E86C1"
+secondaryBackgroundColor="#AED6F1"
+textColor="#FFFFFF"
+font="monospace"
+""")
+
+number = st.sidebar.slider('Select a number:', 0, 10, 5)
+st.write(f'Selected number from slider widget is: {number}')
+
+st.header("This is taken from the .streamlit/secrets.toml")
+
+st.write(f"Secret message: {st.secrets['message']}")
+st.header("Remember to add the file to the .gitignore!")
+
+
+
+st.title('st.file_uploader')
+
+st.subheader('Input TSV/CSV')
+uploaded_file = st.file_uploader("Choose a file")
+
+if uploaded_file is not None:
+    if uploaded_file.name.endswith('.tsv'):
+        data = pd.read_csv(uploaded_file, sep="\t")
+    else:
+        data = pd.read_csv(uploaded_file)
+
+    st.subheader("DataFrame")
+    st.write(data)
+    st.write(data.describe())
+    
+else:
+    st.info("☝️ Upload a TSV/CSV file")
+
+
+with st.expander('About this app'):
+    st.write('This app shows the various options you can use (and should use) to customize your page')
+    st.image('https://imgs.xkcd.com/comics/app.png', width=250)
+    st.write('Below you will also display the progress of the calculation via "st.progress()"')
+
+
+
+st.sidebar.header('Input')
+user_name = st.sidebar.text_input('What is your name?')
+user_emoji = st.sidebar.selectbox('Choose an emoji', ['', '😄', '😆', '😊', '😍', '😴', '😕', '😱'])
+user_food = st.sidebar.selectbox('What is your favorite food?', ['', 'Tom Yum Kung', 'Burrito', 'Lasagna', 'Hamburger', 'Pizza'])
+
+st.header('Output')
+
+col1, col2, col3 = st.columns(3)
+
+with col1:
+  if user_name != '':
+    st.write(f'👋 Hello {user_name}!')
+  else:
+    st.write('👈  Please enter your **name**!')
+
+with col2:
+  if user_emoji != '':
+    st.write(f'{user_emoji} is your favorite **emoji**!')
+  else:
+    st.write('👈 Please choose an **emoji**!')
+
+with col3:
+  if user_food != '':
+    st.write(f'🍴 **{user_food}** is your favorite **food**!')
+  else:
+    st.write('👈 Please choose your favorite **food**!')
+
+
+#my_bar = st.progress(0)
+
+#for percent_complete in range(100):
+#    t.sleep(0.05)
+#    my_bar.progress(percent_complete + 1)
+
+st.metric(label="F1", 
+    value="81.1",
+    delta="-0.1")
+
+
+st.title('st.cache')
+
+a0 = now()
+st.subheader('Using st.cache')
+
+@st.cache(suppress_st_warning=True)
+def load_data_a():
+    dataframe = pd.DataFrame(
+        np.random.rand(2000000, 5),
+        columns=['a', 'b', 'c', 'd', 'e']
+    )
+    return dataframe
+
+st.write(load_data_a())
+a1 = now()
+st.info(a1-a0)
+
+b0 = now()
+
+
+st.subheader('Not using st.cache')
+
+def load_data_b():
+  dataframe = pd.DataFrame(
+    np.random.rand(2000000, 5),
+    columns=['a', 'b', 'c', 'd', 'e']
+  )
+  return dataframe
+
+st.write(load_data_b())
+b1 = now()
+st.info(b1-b0)
+
+st.title('st.session_state')
+
+def lbs_to_kg():
+    st.session_state.kg = st.session_state.lbs/2.2046
+
+def kg_to_lbs():
+    st.session_state.lbs = st.session_state.kg*2.2046
+
+st.header('Input kg/lbs')
+col1, spacer, col2 = st.columns([2, 1, 2])
+
+with col1:
+    punds = st.number_input("Pounds:", key = "lbs", on_change = lbs_to_kg)
+
+with col2:
+    kilogram = st.number_input("Kilograms:", key = "kg", on_change= kg_to_lbs)
+
+st.header('Output')
+st.write("st.session_state object: ", st.session_state)
+
+
+
+st.title('🏀 Bored API app')
+
+st.sidebar.header("Input Boredom")
+selected_type = st.sidebar.selectbox('Select an activity type', ["education", "recreational", "social", "diy", "charity", "cooking", "relaxation", "music", "busywork"])
+
+suggested_activity_url = f'http://www.boredapi.com/api/activity?type={selected_type}'
+json_response = requests.get(suggested_activity_url)
+suggested_activity = json_response.json()
+
+
+c1, c2 = st.columns(2)
+
+with c1:
+    with st.expander('About this app'):
+        st.write('Bored stiff? The **BORED API APP** gives suggestions on activities that you can do when bored. This is powered by Bored API.')
+with c2:
+    with st.expander('JSON data'):
+        st.write(suggested_activity)
+
+st.header('Suggested activity')
+st.info(suggested_activity['activity'])
+
+col1, col2, col3 = st.columns(3)
+
+with col1:
+    st.metric(label="Number of Participants", value=suggested_activity['participants'], delta='')
+with col2:
+    st.metric(label="Type of Activity", value=suggested_activity['type'].capitalize(), delta='')
+with col3:
+    st.metric(label='Price', value=suggested_activity['price'], delta='')
+
+
+
+media_url = st.text_input("Media URL", value="https://www.youtube.com/watch?v=9EcjWd-O4jI&ab_channel=TechnotronicVEVO")
+
+layout = [
+    # Media item is positioned in coordinates x=0 and y=3, and takes 6/12 columns and has a height of 4.
+    dashboard.Item("media", 0, 2, 12, 4),
+]
+
+with elements("demo"):
+
+    # Create a new dashboard with the layout specified above.
+    #
+    # draggableHandle is a CSS query selector to define the draggable part of each dashboard item.
+    # Here, elements with a 'draggable' class name will be draggable.
+    #
+    # For more information on available parameters for dashboard grid:
+    # https://github.com/react-grid-layout/react-grid-layout#grid-layout-props
+    # https://github.com/react-grid-layout/react-grid-layout#responsive-grid-layout-props
+
+    with dashboard.Grid(layout, draggableHandle=".draggable"):
+        with mui.Card(key="media", sx={"display": "flex", "flexDirection": "column"}):
+            mui.CardHeader(title="Media Player", className="draggable")
+            with mui.CardContent(sx={"flex": 1, "minHeight": 0}):
+
+                # This element is powered by ReactPlayer, it supports many more players other
+                # than YouTube. You can check it out there: https://github.com/cookpete/react-player#props
+
+                media.Player(url=media_url, width="100%", height="100%", controls=True)
+
+
+def local_css(file_name):
+    with open(file_name) as f:
+        st.markdown(f"<style>{f.read()}</style>", unsafe_allow_html=True)
+
+local_css("style/style.css")
+
+
+from transformers import MBartForConditionalGeneration, MBart50TokenizerFast
+
+
+st.subheader("MBART-50 Translator")
+
+source = "In the beginning the Universe was created. This has made a lot of people very angry and been widely regarded as a bad move."
+target = ""
+model = MBartForConditionalGeneration.from_pretrained("facebook/mbart-large-50-many-to-many-mmt")
+tokenizer = MBart50TokenizerFast.from_pretrained("facebook/mbart-large-50-many-to-many-mmt")
+
+
+def get_translation(src_code, trg_code, src):
+
+    # translate Hindi to French
+    tokenizer.src_lang = src_code
+    encoded = tokenizer(src, return_tensors="pt")
+    generated_tokens = model.generate(
+        **encoded,
+        forced_bos_token_id=tokenizer.lang_code_to_id[trg_code]
+    )
+    trg = tokenizer.batch_decode(generated_tokens, skip_special_tokens=True)
+    
+    return trg
+
+valid_languages = ['en_XX', 'fr_XX', 'de_DE', 'it_IT', 'es_XX']
+
+with st.form("my_form"):
+    left_c, right_c = st.columns(2)
+    with left_c:
+        src_lang = st.selectbox(
+        'Source language',
+        ('en_XX', 'fr_XX', 'de_DE', 'it_IT', 'es_XX'),
+
+        )
+    with right_c:
+        trg_lang = st.selectbox(
+        'Target language',
+        ('fr_XX', 'en_XX', 'de_DE', 'it_IT', 'es_XX')
+        )
+    source = st.text_area("Source", value=source, height=130, placeholder="Enter the source text...")
+
+
+    submitted = st.form_submit_button("Translate")
+    if submitted:
+        if len(source) > 0 and src_lang in valid_languages and trg_lang in valid_languages:
+            with st.spinner("Translating..."):
+                try:
+                    target = get_translation(src_lang, trg_lang, source)[0]
+                    st.subheader("Translation done!")
+                    target = st.text_area("Target", value=target, height=130)
+                except:
+                    st.subheader("Translation failed :sad:")
+                    
+        else:
+            st.write("Please enter the source text, source language and target language.")
+
+
+
+# ---- CONTACT ----
+with st.container():
+    st.write("---")
+    st.header("Get in Touch With Me!")
+    st.write("##")
+
+    contact_form = """
+    <form action="https://formsubmit.co/daimon.f@outlook.com" method="POST">
+        <input type="hidden" name="_captcha" value="false">
+        <input type="text" name="name" placeholder="Your name" required>
+        <input type="email" name="email" placeholder="Your email" required>
+        <textarea name="message" placeholder="Your message here" required></textarea>
+        <button type="submit">Send</button>
+    </form>
+    """
+    left_column, right_column = st.columns(2)
+    with left_column:
+        st.markdown(contact_form, unsafe_allow_html=True)
+    with right_column:
+        st.empty()

requirements.txt

@@ -0,0 +1,9 @@
+pandas
+streamlit
+pathlib
+openai
+numpy
+streamlit_pandas_profiling
+streamlit-elements==0.1.*
+transformers
+torch