import streamlit as st

st.set_page_config(page_title="Notebook Installation", page_icon=":notebook:")

st.markdown("# Steps to install Jupyter notebook")

st.markdown(
    """
    #### :red[For Windows 10 or above:]
    
    ###### 1. Open CMD(Terminal) in your laptop
    - You can type "cmd" in the "Type to search" window
    - Then the Command Line (Terminal) should appear and you might run it;
        
    ###### 2. Install Python 3.11 into your laptop
    - Type in the following code in your CMD and press "Enter" to execute

    ```cmd
       winget install python.python.3.11
    ```
    
    ###### 3. Install Jupyter Notebook to your laptop
    - Type in the following command in your CMD and press "Enter" to execute
 
    ```cmd
    pip install notebook
    ```
    ###### 4. Run notebook
    - Type in the following command in your CMD and press "Enter" to execute
 
    ```cmd
    jupyter notebook
    ```
    - If you don't see a browser window popup, 
    you can copy the url output in the terminal and paste it into a new browser tab to open the notebook,
    """
    )
st.write("##")
st.markdown(
    """
    #### :blue[For MacOS:]
    
    ###### 1. Install Python 3.11 into your laptop
    - Check the webside [here](https://www.saintlad.com/install-python-3-on-mac/) for instruction

    ###### 2. Upgrade pip3
    - upgrade pip or pip3, type/copy the following into Mac terminal and execute

    ```bash
       pip3 install --upgrade pip
    ```
    ###### 3. Install jupyter notebook
    - type/copy the following into Mac terminal and execute

    ```bash
        pip3 install jupyter
    ```
    ###### 4. Run notebook
    - Type in the following command in your CMD and press "Enter" to execute
 
    ```cmd
    jupyter notebook
    ```
    - If you don't see a browser window popup, you can copy the url output in the terminal and paste it into a new browser tab to open the notebook.
    """
    )