File size: 2,186 Bytes
3c7025e 1367e6b 3c7025e fd26aa4 627b441 1367e6b 3c7025e 627b441 3c7025e 627b441 3c7025e fd26aa4 3c7025e fd26aa4 627b441 3c7025e c16d580 8407ae2 c16d580 ecbcd62 c16d580 6f2752e c16d580 ecbcd62 c16d580 6f2752e c16d580 fd26aa4 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 |
import streamlit as st
from lib import config
st.set_page_config(
page_title=f"Home - {config.title}",
page_icon=config.icon,
layout=config.layout,
)
# sidebar
st.logo(config.logo, size="small")
# title
st.html("""
<style>
.pro-badge {
/* https://huggingface.co/subscribe/pro */
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);
}
</style>
<div style="display: flex; align-items: center; gap: 0.75rem">
<h1>Playground</h1>
<span class="pro-badge">API</span>
</div>
<p>Explore popular generative AI endpoints.</p>
<a href="https://huggingface.co/spaces/adamelliotfields/playground?duplicate=true" target="_blank" rel="noopener noreferrer">
<img src="https://huggingface.co/datasets/huggingface/badges/resolve/main/duplicate-this-space-md.svg" alt="Duplicate this Space" />
</a>
""")
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)
## 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/playground?duplicate=true) **privately** and persisting your keys as secrets. See [`README.md`](https://huggingface.co/spaces/adamelliotfields/playground/blob/main/README.md).
""")
|