Spaces:
Sleeping
Sleeping
Update app.py
Browse files
app.py
CHANGED
@@ -93,37 +93,46 @@ def main():
|
|
93 |
st.markdown(
|
94 |
"""
|
95 |
<style>
|
|
|
96 |
body {
|
97 |
-
background-image: url('https://
|
98 |
background-size: cover;
|
|
|
99 |
}
|
|
|
|
|
100 |
.reportview-container {
|
101 |
-
background: rgba(255, 255, 255, 0.85);
|
102 |
padding: 2rem;
|
103 |
border-radius: 10px;
|
104 |
-
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
|
105 |
}
|
|
|
|
|
106 |
.result-container {
|
107 |
-
border: 2px solid #4CAF50;
|
108 |
padding: 20px;
|
109 |
border-radius: 10px;
|
110 |
margin-top: 20px;
|
111 |
-
animation: fadeIn 2s ease;
|
112 |
}
|
|
|
|
|
113 |
@keyframes fadeIn {
|
114 |
0% { opacity: 0; }
|
115 |
100% { opacity: 1; }
|
116 |
}
|
|
|
117 |
</style>
|
118 |
""", unsafe_allow_html=True
|
119 |
)
|
120 |
|
121 |
-
st.title("🅰️ℹ️ Multimodal Generator")
|
122 |
|
123 |
# Sidebar for temperature and token adjustment
|
124 |
st.sidebar.header("Settings")
|
125 |
temperature = st.sidebar.slider("Select Temperature", 0.1, 1.0, 0.7)
|
126 |
-
max_tokens = st.sidebar.slider("Max Tokens for Content Generation", 100,
|
127 |
|
128 |
# Suggested inputs
|
129 |
st.write("## Suggested Inputs")
|
|
|
93 |
st.markdown(
|
94 |
"""
|
95 |
<style>
|
96 |
+
/* Custom Background Image */
|
97 |
body {
|
98 |
+
background-image: url('https://images.unsplash.com/photo-1519125323398-675f0ddb6308');
|
99 |
background-size: cover;
|
100 |
+
background-position: center;
|
101 |
}
|
102 |
+
|
103 |
+
/* Main content container styling */
|
104 |
.reportview-container {
|
105 |
+
background: rgba(255, 255, 255, 0.85); /* Transparent white background */
|
106 |
padding: 2rem;
|
107 |
border-radius: 10px;
|
108 |
+
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); /* Light shadow effect */
|
109 |
}
|
110 |
+
|
111 |
+
/* Border around the generated result */
|
112 |
.result-container {
|
113 |
+
border: 2px solid #4CAF50; /* Green border */
|
114 |
padding: 20px;
|
115 |
border-radius: 10px;
|
116 |
margin-top: 20px;
|
117 |
+
animation: fadeIn 2s ease; /* Animation effect */
|
118 |
}
|
119 |
+
|
120 |
+
/* Animation for fading in the result */
|
121 |
@keyframes fadeIn {
|
122 |
0% { opacity: 0; }
|
123 |
100% { opacity: 1; }
|
124 |
}
|
125 |
+
|
126 |
</style>
|
127 |
""", unsafe_allow_html=True
|
128 |
)
|
129 |
|
130 |
+
st.title("🅰️ℹ️ FusionMind ➡️ Multimodal Generator 🤖")
|
131 |
|
132 |
# Sidebar for temperature and token adjustment
|
133 |
st.sidebar.header("Settings")
|
134 |
temperature = st.sidebar.slider("Select Temperature", 0.1, 1.0, 0.7)
|
135 |
+
max_tokens = st.sidebar.slider("Max Tokens for Content Generation", 100, 500, 200)
|
136 |
|
137 |
# Suggested inputs
|
138 |
st.write("## Suggested Inputs")
|