Santhosh54321 commited on
Commit
5e70bfa
·
verified ·
1 Parent(s): cd1164b

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +16 -7
app.py CHANGED
@@ -93,37 +93,46 @@ def main():
93
  st.markdown(
94
  """
95
  <style>
 
96
  body {
97
- background-image: url('https://wallpapercave.com/wp/wp4008910.jpg');
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, 300, 200)
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")