Spaces:
Sleeping
Sleeping
Madhumitha19
commited on
Commit
โข
fbeb298
1
Parent(s):
90f9e09
Update app.py
Browse files
app.py
CHANGED
@@ -19,6 +19,44 @@ numerical_to_label = {v: k for k, v in class_mapping.items()}
|
|
19 |
st.title('VibeConnect')
|
20 |
|
21 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
22 |
|
23 |
# Text input for the user to enter a sequence
|
24 |
user_input = st.text_input('Enter a Text:')
|
|
|
19 |
st.title('VibeConnect')
|
20 |
|
21 |
|
22 |
+
# Define the emojis you want to use
|
23 |
+
emojis = ["๐คฃ","๐ฅฒ","๐ฅน","๐","๐","๐","๐คช","๐คฉ","๐ฅณ","๐ญ","๐ก","๐ฆ","๐ง","๐ฎ","๐ฅด","๐คฎ","๐คง","๐ท"]
|
24 |
+
|
25 |
+
# Create a string of emojis to use as the background
|
26 |
+
background_emojis = " ".join(emojis * 20) # Repeat the emojis to cover the background
|
27 |
+
|
28 |
+
# Use HTML and CSS to set the background
|
29 |
+
background_style = f"""
|
30 |
+
<style>
|
31 |
+
body {{
|
32 |
+
background: linear-gradient(to right, #ffecd2, #fcb69f);
|
33 |
+
font-size: 30px;
|
34 |
+
background-size: 100% 100%;
|
35 |
+
background-attachment: fixed;
|
36 |
+
height: 100vh;
|
37 |
+
display: flex;
|
38 |
+
align-items: center;
|
39 |
+
justify-content: center;
|
40 |
+
}}
|
41 |
+
|
42 |
+
.content {{
|
43 |
+
background: rgba(255, 255, 255, 0.8);
|
44 |
+
padding: 20px;
|
45 |
+
border-radius: 10px;
|
46 |
+
text-align: center;
|
47 |
+
}}
|
48 |
+
</style>
|
49 |
+
<div class="content">
|
50 |
+
{background_emojis}
|
51 |
+
|
52 |
+
</div>
|
53 |
+
"""
|
54 |
+
|
55 |
+
# Set the HTML as the app's background
|
56 |
+
st.markdown(background_style, unsafe_allow_html=True)
|
57 |
+
|
58 |
+
|
59 |
+
|
60 |
|
61 |
# Text input for the user to enter a sequence
|
62 |
user_input = st.text_input('Enter a Text:')
|