import streamlit as st
import streamlit.components.v1 as components

@st.cache_data
def get_map():
    eq_file = open("assets/earthquake.html", 'r', encoding='utf-8')
    eq_html = eq_file.read()
    return eq_html

st.header('Urban Safety Planner', divider='green')

st.markdown("#### Which High Population Density Prefectures are Prone to High-Magnitude Earthquakes?")
st.markdown("Tokyo has the highest population density, and has experienced some earthquakes in the past.")
st.markdown("Osaka is relatively less populated, but has experienced stronger earthquakes than Tokyo.")
st.markdown("Kanagawa's long coastline, as well as relatively high population density and proximity to strong earthquakes, make it a potential Tsunami risk.")
st.markdown("*This is based off the [Geospatial Analysis](https://www.kaggle.com/learn/geospatial-analysis) course by Kaggle*")
st.divider()

earthquake_html = get_map()
components.html(earthquake_html, height = 450)