| | 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() |