Demo app

Setting up

Getting your own Streamlit links page up and running is really easy, just follow the following 3 steps:

Step 1. Click here to generate a copy of this repository. Next, name your new repository to anything you'd like except for your username.github.io

Step 2. Customize the contents of the newly generated links page by editing the streamlit_app.py file:

import streamlit as st
from st_functions import st_button, load_css
from PIL import Image

load_css()

col1, col2, col3 = st.columns(3)
col2.image(Image.open('ia.png'))

st.header('Ircham Ali, M.Kom.')

st.info('System Analyst, Web Designer, and Informatics Lecturer')

icon_size = 20

st_button('linkedin', 'https://www.linkedin.com/in/ircham-ali/', 'Follow me on LinkedIn', icon_size)
st_button('youtube', 'https://www.youtube.com/@unusialabs', 'Unusia Labs YouTube', icon_size)
st_button('medium', 'https://irchamali.medium.com/', 'Read my Medium Blogs', icon_size)
st_button('instagram', 'https://instagram.com/irchamali_/', 'Follow me on Instagram', icon_size)
st_button('twitter', 'https://twitter.com/irchamxyz/', 'Follow me on Twitter', icon_size)
st_button('facebook', 'https://facebook.com/dosenirham/', 'Follow me on Facebook', icon_size)
st_button('github', 'https://github.com/irchamali/', 'Follow me on GitHub', icon_size)

There are 3 key information that you can modify:

1. st.header(A) is used for specifying your name in place of A. Example:

st.header('Ircham Ali, M.Kom.')

2. st.info(B) is used for speciying a quick description about who you are, what you do, etc. in place of B. Example:

st.info('System Analyst, Web Designer, and Informatics Lecturer')

3. st.button(D, E, F, G) is a custom function for creating link buttons where D represents the icon to display (use youtube if the play button is to be displayed), E represents the URL, F represents the message to display on the clickable button and G represents the icon size. Example:

st_button('linkedin', 'https://www.linkedin.com/in/ircham-ali/', 'Follow me on LinkedIn', icon_size)

Step 3. Deploy to Streamlit Cloud. Log-in and click on the New app button. Choose the newly generated repo from Steps 1-2. Finally click on the Deploy! button.

After a few moments your new links page should be accessible at https://share.streamlit.io/{your-username}/{newly-created-repo}

In an upcoming release of Streamlit Cloud, you will be able to customize the URL address to https://{custom-name--here}.streamlitapp.com/ such as the one that I've created at https://ircham.streamlit.app/