Update app.py
Browse files
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 |
-
|
244 |
-
|
245 |
-
|
246 |
-
|
247 |
-
|
248 |
-
|
249 |
-
|
250 |
-
|
251 |
-
|
252 |
-
|
253 |
-
|
|
|
|
|
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():
|