<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ultimate Love Analyzer Pro</title>
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Poppins:wght@400;600&display=swap" rel="stylesheet">
<style>
/* Global Styles */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
transition: all 0.3s ease;
}
body {
font-family: 'Poppins', sans-serif;
background: url('https://images.unsplash.com/photo-1518199266791-5375a83190b7?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80') no-repeat center center fixed;
background-size: cover;
color: #333;
position: relative;
min-height: 100vh;
overflow-x: hidden;
}
body::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 192, 203, 0.7);
z-index: -1;
}
/* Floating Hearts Animation */
.floating-hearts {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: -1;
}
.heart {
position: absolute;
color: rgba(210, 54, 105, 0.5);
animation: float 15s linear infinite;
font-size: 20px;
}
@keyframes float {
0% {
transform: translateY(100vh) scale(0);
opacity: 0;
}
10% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
transform: translateY(-20vh) scale(1.5);
opacity: 0;
}
}
/* Header Styles */
header {
background: rgba(210, 54, 105, 0.9);
color: white;
padding: 15px 0;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
position: sticky;
top: 0;
z-index: 100;
backdrop-filter: blur(5px);
}
.header-container {
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
}
.logo {
font-family: 'Dancing Script', cursive;
font-size: 32px;
font-weight: bold;
display: flex;
align-items: center;
}
.logo img {
height: 40px;
margin-right: 10px;
}
nav ul {
display: flex;
list-style: none;
}
nav ul li {
margin-left: 25px;
position: relative;
}
nav ul li a {
color: white;
text-decoration: none;
font-weight: 600;
transition: all 0.3s;
display: block;
padding: 5px 0;
}
nav ul li a:hover {
color: #ffd6e0;
transform: translateY(-2px);
}
nav ul li a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background: white;
transition: width 0.3s;
}
nav ul li a:hover::after {
width: 100%;
}
/* Hero Banner */
.hero {
background: linear-gradient(rgba(210, 54, 105, 0.7), rgba(210, 54, 105, 0.5)), url('https://images.unsplash.com/photo-1474552226712-ac0f0961a954?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTF8fGxvdmVyfGVufDB8fDB8fHww') no-repeat center center;
background-size: cover;
color: white;
text-align: center;
padding: 80px 20px;
margin-bottom: 30px;
position: relative;
overflow: hidden;
}
.hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(45deg, rgba(210,54,105,0.3) 0%, rgba(255,192,203,0.3) 100%);
z-index: 1;
}
.hero-content {
position: relative;
z-index: 2;
max-width: 800px;
margin: 0 auto;
}
.hero h1 {
font-family: 'Dancing Script', cursive;
font-size: 48px;
margin-bottom: 20px;
color: white;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.hero p {
font-size: 20px;
margin-bottom: 30px;
}
.couple-image {
width: 200px;
height: 200px;
border-radius: 50%;
object-fit: cover;
border: 5px solid white;
box-shadow: 0 10px 20px rgba(0,0,0,0.2);
margin: 20px auto;
display: block;
}
/* Main Content Styles */
.container {
max-width: 800px;
margin: 30px auto;
background: rgba(255, 255, 255, 0.95);
padding: 30px;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
text-align: center;
position: relative;
z-index: 1;
}
h1 {
font-family: 'Dancing Script', cursive;
color: #d23669;
font-size: 48px;
margin-bottom: 15px;
}
.tagline {
font-size: 18px;
color: #666;
margin-bottom: 30px;
}
/* Upload Box Styles */
#uploadBox {
border: 3px dashed #d23669;
padding: 40px;
margin: 25px 0;
border-radius: 12px;
cursor: pointer;
transition: all 0.3s;
background: rgba(255, 255, 255, 0.7);
position: relative;
overflow: hidden;
}
#uploadBox:hover {
background: rgba(210, 54, 105, 0.1);
transform: translateY(-3px);
box-shadow: 0 10px 20px rgba(210, 54, 105, 0.2);
}
#uploadBox p {
font-size: 18px;
color: #d23669;
margin-bottom: 10px;
position: relative;
z-index: 2;
}
#uploadBox i {
font-size: 40px;
color: #d23669;
margin-bottom: 15px;
display: block;
position: relative;
z-index: 2;
}
/* Image Preview Styles */
#imagePreview {
max-width: 100%;
max-height: 350px;
margin: 20px 0;
border-radius: 12px;
display: none;
filter: blur(8px);
transition: filter 0.7s;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
border: 3px solid white;
}
#imagePreview.clear {
filter: none;
}
/* Button Styles */
.btn {
background: #d23669;
color: white;
border: none;
padding: 12px 30px;
margin: 10px;
border-radius: 50px;
cursor: pointer;
font-size: 16px;
font-weight: 600;
transition: all 0.3s;
box-shadow: 0 4px 8px rgba(210, 54, 105, 0.3);
position: relative;
overflow: hidden;
}
.btn:hover {
background: #a52652;
transform: translateY(-3px);
box-shadow: 0 6px 12px rgba(210, 54, 105, 0.4);
}
.btn:disabled {
background: #ccc;
cursor: not-allowed;
transform: none;
box-shadow: none;
}
.btn::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 5px;
height: 5px;
background: rgba(255, 255, 255, 0.5);
opacity: 0;
border-radius: 100%;
transform: scale(1, 1) translate(-50%, -50%);
transform-origin: 50% 50%;
}
.btn:focus:not(:active)::after {
animation: ripple 1s ease-out;
}
@keyframes ripple {
0% {
transform: scale(0, 0);
opacity: 0.5;
}
100% {
transform: scale(20, 20);
opacity: 0;
}
}
.btn-secondary {
background: #6c757d;
}
.btn-secondary:hover {
background: #5a6268;
}
/* Result Styles */
#result {
margin: 30px 0;
padding: 25px;
background: linear-gradient(135deg, #fff5f7 0%, #ffeef2 100%);
border-radius: 12px;
display: none;
text-align: left;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
border: 1px solid #ffd6e0;
position: relative;
overflow: hidden;
}
#result::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('https://images.unsplash.com/photo-1474552226712-ac0f0961a954?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTF8fGxvdmVyfGVufDB8fDB8fHww') no-repeat center center;
background-size: cover;
opacity: 0.1;
z-index: 0;
}
#result h3 {
color: #d23669;
font-family: 'Dancing Script', cursive;
font-size: 28px;
margin-bottom: 15px;
text-align: center;
position: relative;
z-index: 1;
}
#result p {
margin: 10px 0;
font-size: 16px;
position: relative;
z-index: 1;
}
#result p strong {
color: #d23669;
}
/* Loading Animation */
.loading {
display: none;
margin: 30px 0;
position: relative;
}
.loading span {
display: inline-block;
animation: pulse 1.5s infinite;
font-size: 24px;
margin: 0 5px;
color: #d23669;
}
@keyframes pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.3); }
}
/* Additional Tools Section */
.tools-section {
max-width: 1200px;
margin: 50px auto;
padding: 0 20px;
text-align: center;
}
.tools-section h2 {
font-family: 'Dancing Script', cursive;
color: white;
font-size: 36px;
margin-bottom: 30px;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.tools-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 25px;
}
.tool-card {
background: rgba(255, 255, 255, 0.95);
padding: 25px;
border-radius: 12px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s;
position: relative;
overflow: hidden;
}
.tool-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.tool-card i {
font-size: 40px;
color: #d23669;
margin-bottom: 15px;
display: block;
}
.tool-card h3 {
color: #d23669;
margin-bottom: 10px;
}
.tool-card p {
color: #666;
margin-bottom: 15px;
}
/* Testimonials Section */
.testimonials {
max-width: 1200px;
margin: 50px auto;
padding: 0 20px;
text-align: center;
}
.testimonials h2 {
font-family: 'Dancing Script', cursive;
color: white;
font-size: 36px;
margin-bottom: 30px;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.testimonial-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 25px;
}
.testimonial-card {
background: rgba(255, 255, 255, 0.95);
padding: 25px;
border-radius: 12px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
text-align: left;
position: relative;
}
.testimonial-card::before {
content: '"';
position: absolute;
top: 10px;
left: 10px;
font-size: 60px;
color: rgba(210, 54, 105, 0.2);
font-family: serif;
line-height: 1;
}
.testimonial-card .quote {
font-style: italic;
margin-bottom: 15px;
color: #555;
position: relative;
z-index: 1;
}
.testimonial-card .author {
font-weight: bold;
color: #d23669;
display: flex;
align-items: center;
}
.testimonial-card .author img {
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 10px;
object-fit: cover;
}
/* Footer Styles */
footer {
background: rgba(51, 51, 51, 0.9);
color: white;
padding: 30px 0;
margin-top: 50px;
}
.footer-container {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
padding: 0 20px;
}
.footer-column h3 {
font-family: 'Dancing Script', cursive;
font-size: 24px;
margin-bottom: 15px;
color: #ff9ab5;
}
.footer-column ul {
list-style: none;
}
.footer-column ul li {
margin-bottom: 10px;
}
.footer-column ul li a {
color: #ddd;
text-decoration: none;
transition: all 0.3s;
display: inline-block;
}
.footer-column ul li a:hover {
color: #ff9ab5;
transform: translateX(5px);
}
.social-links {
display: flex;
gap: 15px;
margin-top: 15px;
}
.social-links a {
color: white;
font-size: 20px;
transition: all 0.3s;
width: 40px;
height: 40px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.1);
display: flex;
align-items: center;
justify-content: center;
}
.social-links a:hover {
color: #ff9ab5;
transform: translateY(-3px);
background: rgba(255, 255, 255, 0.2);
}
.copyright {
text-align: center;
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid #555;
color: #aaa;
font-size: 14px;
}
.visit-website {
display: inline-block;
background: #d23669;
color: white;
padding: 12px 25px;
border-radius: 50px;
text-decoration: none;
font-weight: bold;
margin-top: 20px;
transition: all 0.3s;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.visit-website:hover {
background: #a52652;
transform: translateY(-3px);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}
/* Responsive Design */
@media (max-width: 768px) {
.header-container {
flex-direction: column;
text-align: center;
}
nav ul {
margin-top: 15px;
justify-content: center;
}
nav ul li {
margin: 0 10px;
}
h1 {
font-size: 36px;
}
.hero h1 {
font-size: 36px;
}
.hero p {
font-size: 16px;
}
.container {
padding: 20px;
margin: 20px;
}
#uploadBox {
padding: 30px;
}
.tools-grid, .testimonial-grid {
grid-template-columns: 1fr;
}
}
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>
<!-- Floating Hearts Background -->
<div class="floating-hearts" id="heartsContainer"></div>
<!-- Header -->
<header>
<div class="header-container">
<div class="logo">
<img src="https://images.unsplash.com/photo-1510276113764-7ac28415a9ec?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NHx8bG92ZXJ8ZW58MHx8MHx8fDA%3D" alt="Heart Icon">
Love Analyzer Pro
</div>
<nav>
<ul>
<li><a href="https://www.youtube.com/@techpk1249" class="nav-link">Home</a></li>
<li><a href="https://www.youtube.com/@techpk1249" class="nav-link">How It Works</a></li>
<li><a href="https://www.youtube.com/@techpk1249" class="nav-link">About</a></li>
<li><a href="https://www.youtube.com/@techpk1249" class="nav-link">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- Hero Banner -->
<div class="hero">
<div class="hero-content">
<h1>Discover True Love Secrets</h1>
<p>Upload a photo to reveal hidden personality traits, compatibility, and romantic potential</p>
<img src="https://images.unsplash.com/photo-1510276113764-7ac28415a9ec?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NHx8bG92ZXJ8ZW58MHx8MHx8fDA%3D" alt="Happy Couple" class="couple-image">
</div>
</div>
<!-- Main Content -->
<div class="container">
<h1>🔮 Ultimate Love Analyzer</h1>
<p class="tagline">Get insights about your crush's personality, likes, dislikes and romantic potential</p>
<div id="uploadBox">
<i class="fas fa-cloud-upload-alt"></i>
<p>Click or drop photo here</p>
<input type="file" id="fileInput" accept="image/*" style="display:none">
</div>
<img id="imagePreview" alt="Uploaded Image">
<button id="analyzeBtn" class="btn" disabled>Analyze Now!</button>
<button id="downloadBtn" class="btn btn-secondary" disabled>Download TXT Report</button>
<div class="loading" id="loading">
<span>❤️</span>
<span>Analyzing Your Love...</span>
<span>❤️</span>
</div>
<div id="result"></div>
</div>
<!-- Additional Tools Section -->
<div class="tools-section">
<h2>More Love Tools</h2>
<div class="tools-grid">
<div class="tool-card">
<i class="fas fa-heartbeat"></i>
<h3>Compatibility Test</h3>
<p>Check how well you match with your partner based on zodiac signs and personalities.</p>
<button class="btn tool-btn">Try Now</button>
</div>
<div class="tool-card">
<i class="fas fa-kiss-wink-heart"></i>
<h3>Love Message Generator</h3>
<p>Create romantic messages that will melt your partner's heart instantly.</p>
<button class="btn tool-btn">Try Now</button>
</div>
<div class="tool-card">
<i class="fas fa-gift"></i>
<h3>Perfect Gift Finder</h3>
<p>Struggling to find the right gift? We'll suggest based on their personality.</p>
<button class="btn tool-btn">Try Now</button>
</div>
</div>
</div>
<!-- Testimonials Section -->
<div class="testimonials">
<h2>What People Say</h2>
<div class="testimonial-grid">
<div class="testimonial-card">
<p class="quote">This analyzer predicted my boyfriend's personality perfectly! He really does hate horror movies just like it said.</p>
<p class="author">
<img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Sarah">
Sarah, 24
</p>
</div>
<div class="testimonial-card">
<p class="quote">I was skeptical at first, but the hobbies section was spot on. My crush really loves cooking!</p>
<p class="author">
<img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Alex">
Alex, 29
</p>
</div>
<div class="testimonial-card">
<p class="quote">The romance level analysis helped me understand my partner better. 10/10 would recommend!</p>
<p class="author">
<img src="https://randomuser.me/api/portraits/women/65.jpg" alt="Jamie">
Jamie, 31
</p>
</div>
</div>
</div>
<!-- Footer -->
<footer>
<div class="footer-container">
<div class="footer-column">
<h3>Love Analyzer</h3>
<p>Discover the secrets of your heart with our advanced love analysis tools.</p>
<div class="social-links">
<a href="https://www.youtube.com/@techpk1249"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.youtube.com/@techpk1249"><i class="fab fa-instagram"></i></a>
<a href="https://www.youtube.com/@techpk1249"><i class="fab fa-twitter"></i></a>
<a href="https://www.youtube.com/@techpk1249"><i class="fab fa-pinterest-p"></i></a>
</div>
</div>
<div class="footer-column">
<h3>Quick Links</h3>
<ul>
<li><a href="https://www.youtube.com/@techpk1249" class="footer-link">Home</a></li>
<li><a href="https://www.youtube.com/@techpk1249" class="footer-link">About Us</a></li>
<li><a href="https://www.youtube.com/@techpk1249" class="footer-link">How It Works</a></li>
<li><a href="https://www.youtube.com/@techpk1249" class="footer-link">Privacy Policy</a></li>
</ul>
</div>
<div class="footer-column">
<h3>Contact</h3>
<ul>
<li><i class="fas fa-envelope"></i> contact@loveanalyzer.com</li>
<li><i class="fas fa-phone"></i> +1 (555) 123-4567</li>
<li><i class="fas fa-map-marker-alt"></i> 123 Love Street, Heart City</li>
</ul>
</div>
<div class="footer-column">
<h3>Newsletter</h3>
<p>Subscribe to get love tips and updates</p>
<a href="https://www.youtube.com/@techpk1249" target="_blank" class="visit-website">Visit Our Website</a>
</div>
</div>
<div class="copyright">
© 2023 Love Analyzer Pro. All rights reserved.
</div>
</footer>
<script>
// Create floating hearts
function createHearts() {
const container = document.getElementById('heartsContainer');
const heartCount = 20;
for (let i = 0; i < heartCount; i++) {
const heart = document.createElement('div');
heart.classList.add('heart');
heart.innerHTML = '❤️';
heart.style.left = Math.random() * 100 + 'vw';
heart.style.animationDuration = 5 + Math.random() * 10 + 's';
heart.style.animationDelay = Math.random() * 5 + 's';
container.appendChild(heart);
}
}
// Open TechPK in new tab for all buttons/links
function setupTechPkLinks() {
// Navigation links
document.querySelectorAll('.nav-link').forEach(link => {
link.addEventListener('click', function(e) {
e.preventDefault();
window.open('https://www.youtube.com/@techpk1249', '_blank');
// Original functionality would go here
});
});
// Tool buttons
document.querySelectorAll('.tool-btn').forEach(btn => {
btn.addEventListener('click', function(e) {
e.preventDefault();
window.open('https://www.youtube.com/@techpk1249', '_blank');
// Original functionality would go here
});
});
// Footer links
document.querySelectorAll('.footer-link').forEach(link => {
link.addEventListener('click', function(e) {
e.preventDefault();
window.open('https://www.youtube.com/@techpk1249', '_blank');
// Original functionality would go here
});
});
}
// Initialize the app
document.addEventListener('DOMContentLoaded', function() {
createHearts();
setupTechPkLinks();
// Elements
const uploadBox = document.getElementById('uploadBox');
const fileInput = document.getElementById('fileInput');
const imagePreview = document.getElementById('imagePreview');
const analyzeBtn = document.getElementById('analyzeBtn');
const downloadBtn = document.getElementById('downloadBtn');
const loading = document.getElementById('loading');
const resultDiv = document.getElementById('result');
// Enhanced Analysis Data
const personalities = ["Romantic Dreamer", "Mysterious Soul", "Adventurous Spirit", "Loyal Companion", "Creative Genius", "Sensitive Heart"];
const hobbies = ["reading poetry", "playing guitar", "traveling to exotic places", "cooking gourmet meals", "photography", "stargazing"];
const likes = ["sunset walks", "handwritten letters", "spontaneous trips", "deep conversations", "chocolate desserts"];
const dislikes = ["loud noises", "dishonesty", "routine", "cold weather", "horror movies"];
const romanceLevels = ["30% (Ice Queen/King)", "50% (Cautiously Romantic)", "75% (Hopeful Romantic)", "90% (Passionate Lover)", "100% (Storybook Romantic)"];
const loveLanguages = ["Words of Affirmation", "Quality Time", "Receiving Gifts", "Acts of Service", "Physical Touch"];
const secrets = [
"Has a secret talent they've never shown anyone",
"Still remembers their first crush vividly",
"Writes love letters they never send",
"Falls in love with personalities more than looks",
"Has a specific type but won't admit it"
];
// Generate detailed analysis
function generateAnalysis() {
return {
date: new Date().toLocaleString(),
personality: personalities[Math.floor(Math.random() * personalities.length)],
hobbies: [hobbies[Math.floor(Math.random() * hobbies.length)], hobbies[Math.floor(Math.random() * hobbies.length)]],
likes: [likes[Math.floor(Math.random() * likes.length)], likes[Math.floor(Math.random() * likes.length)]],
dislikes: [dislikes[Math.floor(Math.random() * dislikes.length)], dislikes[Math.floor(Math.random() * dislikes.length)]],
romance: romanceLevels[Math.floor(Math.random() * romanceLevels.length)],
loveLanguage: loveLanguages[Math.floor(Math.random() * loveLanguages.length)],
secret: secrets[Math.floor(Math.random() * secrets.length)],
compatibility: Math.floor(Math.random() * 41) + 60 + "%",
advice: [
"They appreciate small, thoughtful gestures more than grand ones",
"Be patient - they take time to open up completely",
"Surprise them with experiences rather than material gifts",
"They value honesty above all else in a relationship"
][Math.floor(Math.random() * 4)]
};
}
// Handle file upload
uploadBox.addEventListener('click', () => fileInput.click());
fileInput.addEventListener('change', function(e) {
if (e.target.files[0]) {
const reader = new FileReader();
reader.onload = function(e) {
imagePreview.src = e.target.result;
imagePreview.style.display = 'block';
analyzeBtn.disabled = false;
resultDiv.style.display = 'none';
imagePreview.classList.remove('clear');
};
reader.readAsDataURL(e.target.files[0]);
}
});
// Analyze Button
analyzeBtn.addEventListener('click', function() {
// ### MODIFICATION 1: Open TechPK on Analyze click ###
window.open('https://www.youtube.com/@techpk1249', '_blank');
loading.style.display = 'block';
analyzeBtn.disabled = true;
setTimeout(() => {
loading.style.display = 'none';
imagePreview.classList.add('clear');
// Generate New Random Analysis
const analysis = generateAnalysis();
// Display results
resultDiv.innerHTML = `
<h3>✨ Love Analysis Report ✨</h3>
<div style="margin-bottom: 15px;">
<h4 style="color: #d23669; border-bottom: 1px dashed #d23669; padding-bottom: 5px; margin-bottom: 10px;">Basic Traits</h4>
<p><strong>Personality:</strong> ${analysis.personality}</p>
<p><strong>Romance Level:</strong> ${analysis.romance}</p>
<p><strong>Love Language:</strong> ${analysis.loveLanguage}</p>
<p><strong>Compatibility Score:</strong> ${analysis.compatibility}</p>
</div>
<div style="margin-bottom: 15px;">
<h4 style="color: #d23669; border-bottom: 1px dashed #d23669; padding-bottom: 5px; margin-bottom: 10px;">Interests</h4>
<p><strong>Hobbies:</strong> Enjoys ${analysis.hobbies[0]} and ${analysis.hobbies[1]}</p>
<p><strong>Likes:</strong> Loves ${analysis.likes[0]} and ${analysis.likes[1]}</p>
<p><strong>Dislikes:</strong> Can't stand ${analysis.dislikes[0]} and ${analysis.dislikes[1]}</p>
</div>
<div style="margin-bottom: 15px;">
<h4 style="color: #d23669; border-bottom: 1px dashed #d23669; padding-bottom: 5px; margin-bottom: 10px;">Secret Insights</h4>
<p>${analysis.secret}</p>
<p><strong>Dating Advice:</strong> ${analysis.advice}</p>
</div>
<p style="text-align: center; margin-top: 20px; font-style: italic; color: #d23669;">
Analysis generated on ${analysis.date}
</p>
`;
resultDiv.style.display = 'block';
downloadBtn.disabled = false;
// Store analysis for download
downloadBtn.onclick = function() {
downloadAnalysis(analysis);
};
}, 2000);
});
// Download as TXT file
function downloadAnalysis(analysis) {
// ### MODIFICATION 2: Open TechPK on Download click ###
window.open('https://www.youtube.com/@techpk1249', '_blank');
let textContent = `
❤️❤️❤️ LOVE ANALYSIS REPORT ❤️❤️❤️
\nGenerated on: ${analysis.date}
\n=================================
\n🌟 BASIC TRAITS
\nPersonality: ${analysis.personality}
\nRomance Level: ${analysis.romance}
\nLove Language: ${analysis.loveLanguage}
\nCompatibility Score: ${analysis.compatibility}
\n
\n🎯 INTERESTS
\nHobbies: Enjoys ${analysis.hobbies.join(", ")}
\nLikes: Loves ${analysis.likes.join(", ")}
\nDislikes: Can't stand ${analysis.dislikes.join(", ")}
\n
\n🔮 SECRET INSIGHTS
\n${analysis.secret}
\nDating Advice: ${analysis.advice}
\n
\n=================================
\nThank you for using Ultimate Love Analyzer Pro!
`;
const blob = new Blob([textContent], { type: 'text/plain' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = 'love_analysis_report.txt';
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
// Button animation
downloadBtn.innerHTML = '<i class="fas fa-check"></i> Downloaded!';
setTimeout(() => {
downloadBtn.innerHTML = '<i class="fas fa-download"></i> Download TXT Report';
}, 2000);
}
});
</script>
</body>
</html>
.png)
.png)