File size: 2,190 Bytes
3c7025e 1367e6b 3c7025e 1367e6b c659a88 1367e6b 3c7025e c659a88 3c7025e 3691b33 3c7025e c659a88 3c7025e c16d580 8407ae2 c16d580 ecbcd62 c16d580 6f2752e c16d580 ecbcd62 c16d580 6f2752e c16d580 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 |
import streamlit as st
from lib import config
st.set_page_config(
page_title=config.title,
page_icon=config.logo,
layout=config.layout,
)
# sidebar
st.logo(config.logo)
# title
st.html("""
<style>
.pro-badge {
display: inline-block;
transform: skew(-12deg);
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 700;
padding: 0.125rem 0.625rem;
border-radius: 0.5rem;
color: rgb(0 0 0 / 1);
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(16 185 129 / .1), 0 4px 6px -4px rgb(16 185 129 / .1);
background-image: linear-gradient(to bottom right, #f9a8d4, #a7f3d0, #fde68a);
border: 1px solid rgb(229 231 235 / 1);
}
@media (prefers-color-scheme: dark) {
.pro-badge {
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(16 185 129 / .2), 0 4px 6px -4px rgb(16 185 129 / .2);
background-image: linear-gradient(to bottom right, #ec4899, #10b981, #f59e0b);
border: 1px solid rgb(20 28 46 / 1);
}
}
</style>
<div style="display: flex; align-items: center; gap: 0.75rem">
<h1>API Inference</h1>
<span class="pro-badge">PRO</span>
</div>
<p>Explore popular AI endpoints in one place.</p>
""")
st.markdown("## Tasks")
st.page_link("pages/1_💬_Text_Generation.py", label="Text Generation", icon="💬")
st.page_link("pages/2_🎨_Text_to_Image.py", label="Text to Image", icon="🎨")
st.markdown("""
## Services
- [Anthropic](https://docs.anthropic.com/en/api/getting-started)
- [Black Forest Labs](https://docs.bfl.ml)
- [fal.ai](https://fal.ai/docs)
- [Hugging Face](https://huggingface.co/docs/api-inference/index)
- [OpenAI](https://platform.openai.com/docs/api-reference/introduction)
- [Perplexity](https://docs.perplexity.ai/home)
- [together.ai](https://docs.together.ai/docs/introduction)
""")
st.markdown("""
## Usage
Select a task. Choose a service. Enter your API key (refresh browser to clear).
I recommend [duplicating this space](https://huggingface.co/spaces/adamelliotfields/api-inference?duplicate=true) **privately** and persisting your keys as secrets. See [`README.md`](https://huggingface.co/spaces/adamelliotfields/api-inference/blob/main/README.md).
""")
|