Skip to content

Commit 9657216

Browse files
WambaforestinWambaforestin
committed
Enhance UI with new styles for analysis results and scrollbar; update landing page with keyword analysis feature and contact information
1 parent eb28b67 commit 9657216

File tree

3 files changed

+70
-13
lines changed

3 files changed

+70
-13
lines changed

‎document_analysis/document_analysis/static/css/styles.css‎

Lines changed: 35 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -67,4 +67,38 @@
6767
opacity: 1;
6868
transform: translateY(0);
6969
}
70-
}
70+
}
71+
72+
/* Analysis result tags */
73+
.tag {
74+
background-color: rgba(139, 92, 246, 0.1);
75+
color: rgb(139, 92, 246);
76+
}
77+
78+
/* Analysis result progress bar */
79+
.progress-bar {
80+
background-color: rgba(139, 92, 246, 0.1);
81+
}
82+
83+
.progress-bar-fill {
84+
background-color: rgb(139, 92, 246);
85+
}
86+
87+
88+
/* customozing the scroll bar of the website */
89+
::-webkit-scrollbar {
90+
width: 10px;
91+
}
92+
93+
::-webkit-scrollbar-track {
94+
background: #f1f1f1;
95+
}
96+
97+
::-webkit-scrollbar-thumb {
98+
background-color: rgb(139, 92, 246);
99+
border-radius: 20px;
100+
}
101+
102+
::-webkit-scrollbar-thumb:hover {
103+
background: #555;
104+
}

‎document_analysis/document_analysis/templates/analysis/landing.html‎

Lines changed: 19 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -29,15 +29,15 @@ <h1 class="text-4xl lg:text-6xl font-bold bg-clip-text text-transparent bg-gradi
2929
Get Started Free
3030
</a>
3131
{% endif %}
32-
<a href="#features"
32+
<a href="https://year2portfolio-52c4a.web.app"
3333
class="px-8 py-4 border-2 border-purple-600 text-purple-600 rounded-lg hover:bg-purple-50 transition">
34-
Learn More
34+
Contact Developer
3535
</a>
3636
</div>
3737
<div class="mt-6 flex justify-center lg:justify-start gap-8 text-sm text-gray-500">
3838
<span>✓ No credit card required</span>
39-
<span>✓ Free 14-day trial</span>
40-
<span>✓ Cancel anytime</span>
39+
<span>✓ Free for all</span>
40+
<span>✓ 24/7 support</span>
4141
</div>
4242
</div>
4343
<!-- Hero Image -->
@@ -84,6 +84,17 @@ <h3 class="text-xl font-semibold mb-2">Smart Summary</h3>
8484
<h3 class="text-xl font-semibold mb-2">Translation</h3>
8585
<p class="text-gray-600">Translate your content into multiple languages</p>
8686
</div>
87+
88+
<!-- Keyword Analysis -->
89+
<div class="bg-white p-6 rounded-xl shadow-lg hover:shadow-xl transition">
90+
<div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mb-4">
91+
<svg class="w-6 h-6 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
92+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/>
93+
</svg>
94+
</div>
95+
<h3 class="text-xl font-semibold mb-2">Keyword Analysis</h3>
96+
<p class="text-gray-600">Extract keywords and phrases from your documents</p>
97+
</div>
8798
</div>
8899
</div>
89100
</div>
@@ -97,7 +108,7 @@ <h3 class="text-xl font-semibold mb-2">Translation</h3>
97108
<p class="text-gray-600">Faster Analysis</p>
98109
</div>
99110
<div class="bg-purple-50 p-6 rounded-xl text-center">
100-
<div class="text-4xl font-bold text-purple-600 mb-2">10k+</div>
111+
<div class="text-4xl font-bold text-purple-600 mb-2">10+</div>
101112
<p class="text-gray-600">Documents Processed</p>
102113
</div>
103114
<div class="bg-purple-50 p-6 rounded-xl text-center">
@@ -137,9 +148,9 @@ <h3 class="text-lg font-semibold mb-4">Support</h3>
137148
<div>
138149
<h3 class="text-lg font-semibold mb-4">Contact</h3>
139150
<ul class="space-y-2 text-gray-600">
140-
<li>Email: [email protected]</li>
141-
<li>Phone: (555) 123-4567</li>
142-
<li>Location: San Francisco, CA</li>
151+
<li>Email: [email protected]</li>
152+
<li>Phone: (+33) 6 xx xx xx xx</li>
153+
<li>Location: Franconville, ile-de-France, FR</li>
143154
</ul>
144155
</div>
145156
</div>

‎document_analysis/document_analysis/templates/base.html‎

Lines changed: 16 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,14 @@
11
<!doctype html>
22
<html lang="en" class="h-full bg-gray-100">
3+
34
<head>
45
<meta charset="utf-8">
56
<meta name="viewport" content="width=device-width, initial-scale=1">
67
<title>{% block title %}{% endblock %} - Document Analysis</title>
78
<script src="https://cdn.tailwindcss.com"></script>
89
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
910
</head>
11+
1012
<body class="h-full">
1113
<nav class="bg-purple-600">
1214
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
@@ -20,11 +22,13 @@
2022
</div>
2123
<div class="hidden md:block">
2224
<div class="ml-10 flex items-baseline space-x-4">
23-
<a href="{{ url_for('index') }}" class="text-white hover:bg-purple-700 px-3 py-2 rounded-md">
25+
<a href="{{ url_for('index') }}"
26+
class="text-white hover:bg-purple-700 px-3 py-2 rounded-md">
2427
Home
2528
</a>
2629
{% if g.user %}
27-
<a href="{{ url_for('analysis.index') }}" class="text-white hover:bg-purple-700 px-3 py-2 rounded-md">
30+
<a href="{{ url_for('analysis.index') }}"
31+
class="text-white hover:bg-purple-700 px-3 py-2 rounded-md">
2832
Dashboard
2933
</a>
3034
{% endif %}
@@ -33,12 +37,19 @@
3337
</div>
3438
<div class="flex items-center">
3539
{% if g.user %}
36-
<span class="text-white mr-4">{{ g.user['username'] }}</span>
40+
<span class="text-white mr-4">
41+
<svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
42+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
43+
d="M12 6v6m0 0v6m0-6h6m-6 0H6"></path>
44+
</svg>
45+
{{ g.user['username'] }}
46+
</span>
3747
<a href="{{ url_for('auth.logout') }}" class="text-white hover:bg-purple-700 px-3 py-2 rounded-md">
3848
Log Out
3949
</a>
4050
{% else %}
41-
<a href="{{ url_for('auth.register') }}" class="text-white hover:bg-purple-700 px-3 py-2 rounded-md">
51+
<a href="{{ url_for('auth.register') }}"
52+
class="text-white hover:bg-purple-700 px-3 py-2 rounded-md">
4253
Register
4354
</a>
4455
<a href="{{ url_for('auth.login') }}" class="text-white hover:bg-purple-700 px-3 py-2 rounded-md">
@@ -64,4 +75,5 @@
6475
<script src="{{ url_for('static', filename='js/analysis.js') }}"></script>
6576
{% block scripts %}{% endblock %}
6677
</body>
78+
6779
</html>

0 commit comments

Comments
 (0)