| import streamlit as st |
| import streamlit.components.v1 as components |
|
|
| |
| st.set_page_config(page_title="TeraBites Org Card", layout="centered") |
|
|
| |
| st.markdown(""" |
| <div style="text-align: center; margin-bottom: 20px;"> |
| <h1 style="text-decoration: underline; margin-bottom: 5px;">Welcome to TeraBites</h1> |
| <p style="font-size: 1.1em; color: #00f2ff; margin-top: 0;">by onyxneo</p> |
| </div> |
| """, unsafe_allow_html=True) |
|
|
| |
| st.info("**The AI Team** The TeraBites AI Team is a special Team focused to provide users the best AI possible and best experience in HF by creating spaces like this!") |
|
|
| |
| |
| oval_html = """ |
| <div style="background: #000; padding: 20px; border-radius: 15px; border: 1px solid #333; text-align: center;"> |
| <div id="oval" style=" |
| width: 140px; height: 70px; |
| border: 3px solid #fff; border-radius: 50%; |
| margin: auto; display: flex; align-items: center; justify-content: center; |
| position: relative; box-shadow: 0 0 15px #00f2ff;"> |
| <h2 style="color: #fff; font-family: monospace; margin: 0;">TeraBites</h2> |
| <div style="position: absolute; width: 100%; height: 100%; border: 2px solid #00f2ff; border-radius: 50%; animation: ripple 2s infinite;"></div> |
| </div> |
| <style> |
| @keyframes ripple { 0% {transform: scale(1); opacity: 1;} 100% {transform: scale(2.2); opacity: 0;} } |
| </style> |
| </div> |
| """ |
| components.html(oval_html, height=160) |
|
|
| |
| |
| |
| |
| st.video("https://www.youtube.com/watch?v=KK3KXAECte4&autoplay=1") |
|
|
| |
| |
| if st.button("■ EMERGENCY STOP"): |
| st.warning("TeraBites Core Offline.") |
| st.stop() |