script.js
Changed around line 68: document.addEventListener("DOMContentLoaded", () => {
- }, 7000); // 7 seconds delay
+ }, 20000); // 7 seconds delay
index.scroll
Changed around line 29: main
- div animate-spin h-8 w-8 border-4 border-blue-500 border-t-transparent rounded-full
+ div
+ class animate-spin h-8 w-8 border-4 border-blue-500 border-t-transparent rounded-full
index.scroll
Changed around line 26: main
+ div
+ id loading-indicator
+ class hidden
+ div animate-spin h-8 w-8 border-4 border-blue-500 border-t-transparent rounded-full
+ p Analyzing leadership style...
+ class mt-2
script.js
Changed around line 45: document.addEventListener("DOMContentLoaded", () => {
- // Simulate analysis
- const randomPoint = points[Math.floor(Math.random() * points.length)];
+ // Show loading indicator
+ const loadingIndicator = document.getElementById("loading-indicator");
+ loadingIndicator.classList.remove("hidden");
+ matchResult.classList.add("hidden"); // Hide previous result if any
- // Animate result
- drawPlot();
- animatePoint(randomPoint.x, randomPoint.y);
+ // Simulate analysis with timeout
+ setTimeout(() => {
+ // Hide loading indicator
+ loadingIndicator.classList.add("hidden");
- // Show result
- matchResult.classList.remove("hidden");
+ // Perform analysis
+ const randomPoint = points[Math.floor(Math.random() * points.length)];
- // Fictional leaders for demo
- const leaders = ["Hitler"];
- matchResult.textContent = `${leaders[Math.floor(Math.random() * leaders.length)]}`;
+ // Animate result
+ drawPlot();
+ animatePoint(randomPoint.x, randomPoint.y);
+
+ // Show result
+ matchResult.classList.remove("hidden");
+
+ // Fictional leaders for demo
+ const leaders = ["Hitler"];
+ matchResult.textContent = `${leaders[Math.floor(Math.random() * leaders.length)]}`;
+ }, 7000); // 7 seconds delay
index.scroll
Changed around line 25: main
+ h1 Compare to:
script.js
Changed around line 57: document.addEventListener("DOMContentLoaded", () => {
- matchResult.textContent = `Your leader most closely matches: ${leaders[Math.floor(Math.random() * leaders.length)]}`;
+ matchResult.textContent = `${leaders[Math.floor(Math.random() * leaders.length)]}`;
index.scroll
Changed around line 8: header
- h1 Bad Leader Analogy
+ h1 Bad Leader Analogy Generator
index.scroll
Changed around line 8: header
- h1 Tyrant Mapper
+ h1 Bad Leader Analogy
index.scroll
Changed around line 20: main
- button Compare Now
+ button Find Analogy
index.scroll
Changed around line 25: main
- h2 Closest Historical Match
- h1 Your leader most closely matches:
+ h1