https://github.com/irchamali/links
Direct link to all social media
https://github.com/irchamali/links
Last synced: 2 months ago
JSON representation
Direct link to all social media
- Host: GitHub
- URL: https://github.com/irchamali/links
- Owner: irchamali
- Created: 2022-07-19T16:56:33.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2023-09-15T02:34:52.000Z (almost 3 years ago)
- Last Synced: 2025-03-10T02:03:49.616Z (over 1 year ago)
- Language: Python
- Size: 91.4 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Demo app
[](https://ircham.streamlit.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](https://github.com/irchamali/links/generate) 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:
```python
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:
```python
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:
```python
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:
```python
st_button('linkedin', 'https://www.linkedin.com/in/ircham-ali/', 'Follow me on LinkedIn', icon_size)
```
**Step 3**. Deploy to [Streamlit Cloud](https://streamlit.io/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/