import streamlit as st
import leafmap.foliumap as leafmap
import webbrowser
webbrowser.open("http://streamlit.io") # opens the URL in a new tab

st.set_page_config(layout="wide")

st.sidebar.info(
    """
    - Web App URL: <https://interactive-crime-map.hf.space/>
    - HuggingFace repository: <https://huggingface.co/spaces/interactive-crime/map/tree/main>
    """
)

st.sidebar.title("Contact")
st.sidebar.info(
    """
    Yunus Serhat Bıçakçı at [yunusserhat.com](https://yunusserhat.com) | [GitHub](https://github.com/yunusserhat) | [Twitter](https://twitter.com/yunusserhat) | [LinkedIn](https://www.linkedin.com/in/yunusserhat)
    """
)

st.title("Interactive Crime Map Application")

st.subheader(
    """
    This interactive crime map apps created using [streamlit](https://streamlit.io) and open-source mapping libraries, such as [leafmap](https://leafmap.org), [geopandas](https://geopandas.org), and [folium](https://python-visualization.github.io/folium/).
    """
)

st.info("Click on the left sidebar menu to navigate to the different apps.")




row1_col1, row1_col2 = st.columns(2)
with row1_col1:
    st.markdown('''
        <a href="https://interactive-crime-map.hf.space/Comparision">
            <img src="https://raw.githubusercontent.com/yunusserhat/github/main/data/comparision.png"  style="width: 100%; height: 100%" />
        </a>''',
                unsafe_allow_html=True
                )

with row1_col2:
    st.markdown('''
        <a href="https://interactive-crime-map.hf.space/Hate_Tweets">
            <img src="https://raw.githubusercontent.com/yunusserhat/github/main/data/hatespeech.png" style="width: 100%; height: 100%" />
        </a>''',
                unsafe_allow_html=True
                )