Change skin analysis to face analyzer text

This commit is contained in:
2026-09-23 12:05:02 +05:30
parent 0577e92fb7
commit 0b99b3a214
2 changed files with 68 additions and 68 deletions
+67 -67
View File
@@ -1,68 +1,68 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Skin Analysis</title> <title>Face Analyzer</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jsencrypt/3.3.2/jsencrypt.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jsencrypt/3.3.2/jsencrypt.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style> <style>
@keyframes fadeIn { @keyframes fadeIn {
from { from {
opacity: 0; opacity: 0;
transform: translateY(20px); transform: translateY(20px);
} }
to { to {
opacity: 1; opacity: 1;
transform: translateY(0); transform: translateY(0);
} }
} }
.fade-in { .fade-in {
animation: fadeIn 0.6s ease-out forwards; animation: fadeIn 0.6s ease-out forwards;
} }
.pulse { .pulse {
animation: pulse 2s infinite; animation: pulse 2s infinite;
} }
@keyframes pulse { @keyframes pulse {
0% { 0% {
box-shadow: 0 0 0 0 rgba(147, 197, 253, 0.7); box-shadow: 0 0 0 0 rgba(147, 197, 253, 0.7);
} }
70% { 70% {
box-shadow: 0 0 0 10px rgba(147, 197, 253, 0); box-shadow: 0 0 0 10px rgba(147, 197, 253, 0);
} }
100% { 100% {
box-shadow: 0 0 0 0 rgba(147, 197, 253, 0); box-shadow: 0 0 0 0 rgba(147, 197, 253, 0);
} }
} }
.image-preview { .image-preview {
transition: all 0.3s ease; transition: all 0.3s ease;
} }
.image-preview:hover { .image-preview:hover {
transform: scale(1.02); transform: scale(1.02);
} }
.btn-hover { .btn-hover {
transition: all 0.3s ease; transition: all 0.3s ease;
} }
.btn-hover:hover { .btn-hover:hover {
transform: translateY(-2px); transform: translateY(-2px);
} }
</style> </style>
</head> </head>
<body class="bg-white font-sans"> <body class="bg-white font-sans">
<div id="root"></div> <div id="root"></div>
</body> </body>
</html> </html>
+1 -1
View File
@@ -557,7 +557,7 @@ const App = () => {
</div> </div>
<div className="flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-white/5 border border-white/10 text-xs text-gray-300"> <div className="flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-white/5 border border-white/10 text-xs text-gray-300">
<svg className="w-3.5 h-3.5 text-limelite-red" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" /></svg> <svg className="w-3.5 h-3.5 text-limelite-red" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" /></svg>
Deep Skin Analysis Deep Face Analyzer
</div> </div>
<div className="flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-white/5 border border-white/10 text-xs text-gray-300"> <div className="flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-white/5 border border-white/10 text-xs text-gray-300">
<svg className="w-3.5 h-3.5 text-limelite-red" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" /></svg> <svg className="w-3.5 h-3.5 text-limelite-red" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" /></svg>