iisadia commited on
Commit
3c53d65
Β·
verified Β·
1 Parent(s): ec1e523

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +13 -74
app.py CHANGED
@@ -134,69 +134,6 @@ st.markdown("""
134
  margin: 0 auto;
135
  padding: 2rem;
136
  }
137
- @keyframes gradientShift {
138
- 0% {background-position: 0% 50%;}
139
- 50% {background-position: 100% 50%;}
140
- 100% {background-position: 0% 50%;}
141
- }
142
- .modern-header {
143
- padding: 3rem 2rem;
144
- margin-bottom: 2.5rem;
145
- border-radius: 12px;
146
- text-align: center;
147
- background: linear-gradient(135deg, #2b5876 0%, #4e4376 50%, #1f1c2c 100%);
148
- background-size: 300% 300%;
149
- animation: gradientShift 12s ease infinite;
150
- box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
151
- position: relative;
152
- overflow: hidden;
153
- color: white;
154
- }
155
- .modern-header::before {
156
- content: "";
157
- position: absolute;
158
- top: 0;
159
- left: 0;
160
- right: 0;
161
- bottom: 0;
162
- background: radial-gradient(circle at 75% 30%, rgba(255,255,255,0.1) 0%, transparent 40%);
163
- }
164
- .header-title {
165
- font-size: 2.5rem;
166
- font-weight: 700;
167
- margin-bottom: 0.5rem;
168
- position: relative;
169
- background: linear-gradient(90deg, #fff, #c9d6ff);
170
- -webkit-background-clip: text;
171
- background-clip: text;
172
- color: transparent;
173
- text-shadow: 0 2px 4px rgba(0,0,0,0.1);
174
- }
175
- .header-subtitle {
176
- font-size: 1.2rem;
177
- opacity: 0.9;
178
- margin-bottom: 1.5rem;
179
- position: relative;
180
- }
181
- .badge-container {
182
- display: flex;
183
- justify-content: center;
184
- gap: 1rem;
185
- flex-wrap: wrap;
186
- }
187
- .header-badge {
188
- padding: 0.6rem 1.2rem;
189
- background: rgba(255,255,255,0.15);
190
- backdrop-filter: blur(5px);
191
- border-radius: 24px;
192
- border: 1px solid rgba(255,255,255,0.2);
193
- font-size: 0.9rem;
194
- transition: all 0.3s ease;
195
- }
196
- .header-badge:hover {
197
- background: rgba(255,255,255,0.25);
198
- transform: translateY(-2px);
199
- }
200
  .header {
201
  text-align: center;
202
  padding: 2rem;
@@ -240,17 +177,19 @@ st.markdown("""
240
 
241
  def main():
242
  # Professional Header Section
243
- <div class="modern-header">
244
- <h1 class="header-title">⚑ AI-Powered Requirement Analysis</h1>
245
- <p class="header-subtitle">Automated Classification β€’ Defect Detection β€’ Quality Optimization</p>
246
-
247
- <div class="badge-container">
248
- <div class="header-badge">πŸš€ Team: Sadia, Areeba, Rabbia, Tesmia</div>
249
- <div class="header-badge">🧠 Powered by Mistral + Groq</div>
250
- <div class="header-badge">🎯 Computer Science Project</div>
251
- </div>
252
- </div>
253
- """, unsafe_allow_html=True)
 
 
254
 
255
  # Input Section
256
  with st.container():
 
134
  margin: 0 auto;
135
  padding: 2rem;
136
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
137
  .header {
138
  text-align: center;
139
  padding: 2rem;
 
177
 
178
  def main():
179
  # Professional Header Section
180
+ with st.container():
181
+ st.markdown('<div class="header">', unsafe_allow_html=True)
182
+ st.title("πŸ“ AI-Powered Requirement Analysis System")
183
+ st.markdown("""
184
+ <div style="margin: 1.5rem 0;">
185
+ <div style="font-size: 1.2rem; color: #4a4a4a;">Automated Requirement Classification, Defect Detection & Optimization</div>
186
+ <div style="display: flex; justify-content: center; gap: 1rem; margin: 1rem 0;">
187
+ <div style="padding: 0.5rem 1rem; background: #f0f2f6;color: black; border-radius: 20px;">Team: Sadia, Areeba, Rabbia, Tesmia</div>
188
+ <div style="padding: 0.5rem 1rem; background: #f0f2f6; color: black; border-radius: 20px;">Mistral + Groq API</div>
189
+ </div>
190
+ </div>
191
+ """, unsafe_allow_html=True)
192
+ st.markdown('</div>', unsafe_allow_html=True)
193
 
194
  # Input Section
195
  with st.container():