Spaces:

numbpilled
/

wraithpath-input-profile-username-for-idealogical-overview

Running

App Files Files Community

numbpilled commited on 4 days ago

Commit

499eca9

verified ·

1 Parent(s): 1ffed9d

Add 2 files

Browse files

Files changed (2) hide show

index.html +329 -156
prompts.txt +2 -1

index.html CHANGED Viewed

@@ -37,7 +37,15 @@
             50% { opacity: 1; }
             100% { opacity: 0.6; }
         }
     </style>
 </head>
 <body class="bg-gray-900 text-gray-200 min-h-screen font-sans">
     <div class="container mx-auto px-4 py-8 max-w-6xl">
@@ -65,7 +73,8 @@
                             type="text"
                             id="profileUrl"
                             class="w-full bg-gray-700 border border-gray-600 rounded-lg pl-10 pr-4 py-3 focus:outline-none focus:ring-2 focus:ring-purple-500"
-                            placeholder="Enter Reddit, Tumblr, or blog URL..."
                         >
                     </div>
                     <button
@@ -77,9 +86,8 @@
                     </button>
                 </div>
                 <div class="mt-4 flex flex-wrap gap-2">
-                    <span class="text-xs bg-gray-700 px-2 py-1 rounded">Reddit: u/username</span>
-                    <span class="text-xs bg-gray-700 px-2 py-1 rounded">Tumblr: blogname.tumblr.com</span>
-                    <span class="text-xs bg-gray-700 px-2 py-1 rounded">WordPress: example.wordpress.com</span>
                 </div>
             </div>
         </header>
@@ -96,7 +104,7 @@
                         <i class="fas fa-link text-purple-400 text-xl"></i>
                     </div>
                     <h3 class="text-lg font-medium mb-2">1. Input Profile</h3>
-                    <p class="text-gray-400">Provide any public social media or blog URL. We'll scrape years of posting history.</p>
                 </div>
                 <div class="bg-gray-800 p-6 rounded-xl hover:bg-gray-750 transition-all">
                     <div class="w-12 h-12 bg-pink-900 rounded-lg flex items-center justify-center mb-4">
@@ -132,7 +140,7 @@
             <div class="bg-gray-800 rounded-xl p-6 mb-8">
                 <div class="flex flex-col md:flex-row gap-6">
                     <div class="flex-shrink-0">
-                        <div class="w-24 h-24 rounded-full bg-gradient-to-br from-purple-600 to-pink-500 flex items-center justify-center text-4xl font-bold">
                             <span id="avatarInitial">?</span>
                         </div>
                     </div>
@@ -143,7 +151,7 @@
                                 <p id="profileHandle" class="text-gray-400">@unknown</p>
                             </div>
                             <div class="mt-2 md:mt-0">
-                                <span id="profilePlatform" class="bg-gray-700 px-3 py-1 rounded-full text-sm">Unknown Platform</span>
                             </div>
                         </div>
                         <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
@@ -187,13 +195,13 @@
                     <i class="fas fa-brain mr-2 text-pink-400"></i>
                     Sentiment Evolution
                 </h3>
-                <div class="h-64 bg-gray-700 rounded-lg flex items-center justify-center">
-                    <p class="text-gray-500">Sentiment chart will appear here</p>
                 </div>
             </div>
             <!-- Topic Cloud -->
-            <div class="bg-gray-800 rounded-xl p-6">
                 <h3 class="text-lg font-medium mb-4 flex items-center">
                     <i class="fas fa-cloud mr-2 text-indigo-400"></i>
                     Topic Cloud
@@ -202,6 +210,17 @@
                     <!-- Topics will be added here by JavaScript -->
                 </div>
             </div>
         </section>
         <!-- Loading State (Initially Hidden) -->
@@ -229,10 +248,18 @@
                     <a href="#" class="hover:text-gray-300">Contact</a>
                 </div>
             </div>
         </footer>
     </div>
     <script>
         document.addEventListener('DOMContentLoaded', function() {
             const analyzeBtn = document.getElementById('analyzeBtn');
             const profileUrl = document.getElementById('profileUrl');
@@ -240,181 +267,327 @@
             const loadingState = document.getElementById('loadingState');
             const downloadReport = document.getElementById('downloadReport');
-            // Sample data for demonstration
-            const sampleTopics = [
-                {text: "politics", weight: 0.9},
-                {text: "technology", weight: 0.7},
-                {text: "philosophy", weight: 0.6},
-                {text: "economics", weight: 0.5},
-                {text: "culture", weight: 0.4},
-                {text: "science", weight: 0.4},
-                {text: "religion", weight: 0.3},
-                {text: "psychology", weight: 0.3}
-            ];
-            const sampleTimeline = [
-                {
-                    year: "2015-2017",
-                    title: "Libertarian Phase",
-                    description: "Strong emphasis on individual freedom, skepticism of government. Frequent mentions of Austrian economics.",
-                    sentiment: "neutral",
-                    tags: ["libertarian", "economics", "skepticism"]
-                },
-                {
-                    year: "2018-2019",
-                    title: "Political Awakening",
-                    description: "Began engaging with more radical political content. Shift toward populist rhetoric and anti-establishment views.",
-                    sentiment: "negative",
-                    tags: ["populism", "anti-establishment", "anger"]
-                },
-                {
-                    year: "2020-2021",
-                    title: "Ideological Crisis",
-                    description: "Evident cognitive dissonance in posts. Frequent deletions and contradictions. Increased conspiracy language.",
-                    sentiment: "negative",
-                    tags: ["conspiracy", "confusion", "isolation"]
-                },
-                {
-                    year: "2022-Present",
-                    title: "Radicalization",
-                    description: "Clear ideological framework emerges. Dogmatic language, in-group signaling, and dehumanizing rhetoric toward out-groups.",
-                    sentiment: "negative",
-                    tags: ["radical", "tribalism", "authoritarian"]
-                }
-            ];
             analyzeBtn.addEventListener('click', function() {
-                const url = profileUrl.value.trim();
-                if (!url) {
-                    alert('Please enter a valid URL');
                     return;
                 }
                 // Show loading state
                 loadingState.classList.remove('hidden');
-                // Simulate analysis progress
-                let progress = 0;
-                const progressInterval = setInterval(() => {
-                    progress += Math.random() * 10;
-                    if (progress > 100) progress = 100;
-                    document.getElementById('progressBar').style.width = `${progress}%`;
-                    // Update post count during loading
-                    const postCount = Math.floor(Math.random() * 5000) + 1000;
-                    document.getElementById('loadingPostCount').textContent = postCount.toLocaleString();
-                    if (progress >= 100) {
-                        clearInterval(progressInterval);
-                        setTimeout(showResults, 500);
                     }
-                }, 300);
-                function showResults() {
-                    loadingState.classList.add('hidden');
-                    resultsSection.classList.remove('hidden');
-                    // Scroll to results
-                    resultsSection.scrollIntoView({ behavior: 'smooth' });
-                    // Populate sample data
-                    populateSampleData(url);
                 }
-            });
-            downloadReport.addEventListener('click', function() {
-                alert('PDF report generation would be implemented here. This is a demo.');
-            });
-            function populateSampleData(url) {
-                // Extract username from URL
-                let username = "Unknown";
-                let platform = "Unknown";
-                let avatarInitial = "?";
                 try {
-                    const urlObj = new URL(url);
-                    const host = urlObj.hostname;
-                    if (host.includes('reddit.com')) {
-                        platform = "Reddit";
-                        const pathParts = urlObj.pathname.split('/');
-                        if (pathParts.length >= 3 && pathParts[1] === 'user') {
-                            username = pathParts[2];
-                            avatarInitial = username.charAt(0).toUpperCase();
-                        }
-                    } else if (host.includes('tumblr.com')) {
-                        platform = "Tumblr";
-                        username = host.split('.')[0];
-                        avatarInitial = username.charAt(0).toUpperCase();
-                    } else {
-                        platform = "Blog";
-                        username = host;
-                        avatarInitial = username.charAt(0).toUpperCase();
-                    }
-                } catch (e) {
-                    console.error("Error parsing URL", e);
                 }
-                // Set profile info
-                document.getElementById('profileName').textContent = username;
-                document.getElementById('profileHandle').textContent = `@${username.toLowerCase()}`;
-                document.getElementById('profilePlatform').textContent = platform;
-                document.getElementById('avatarInitial').textContent = avatarInitial;
-                document.getElementById('postCount').textContent = (Math.random() * 5000 + 1000).toLocaleString();
-                document.getElementById('timeSpan').textContent = `${Math.floor(Math.random() * 10) + 3} years`;
-                document.getElementById('ideologyScore').textContent = `${Math.floor(Math.random() * 40) + 30}/100`;
-                document.getElementById('volatility').textContent = ["Low", "Medium", "High"][Math.floor(Math.random() * 3)];
-                // Populate timeline
-                const timelineContainer = document.getElementById('timelineContainer');
-                timelineContainer.innerHTML = '';
-                sampleTimeline.forEach((item, index) => {
-                    const timelineItem = document.createElement('div');
-                    timelineItem.className = `timeline-item relative pb-8 fade-in ${index !== sampleTimeline.length - 1 ? 'border-b border-gray-700' : ''}`;
-                    let sentimentIcon = "😐";
-                    if (item.sentiment === "positive") sentimentIcon = "😊";
-                    else if (item.sentiment === "negative") sentimentIcon = "😠";
-                    timelineItem.innerHTML = `
-                        <div class="absolute -left-8 top-0 w-6 h-6 rounded-full flex items-center justify-center ${item.sentiment === 'negative' ? 'bg-pink-900' : item.sentiment === 'positive' ? 'bg-blue-900' : 'bg-gray-700'}">
-                            <span class="text-xs">${sentimentIcon}</span>
-                        </div>
-                        <div class="mb-2">
-                            <span class="text-sm font-medium bg-gray-700 px-2 py-1 rounded">${item.year}</span>
-                            <h4 class="text-lg font-semibold mt-1">${item.title}</h4>
-                        </div>
-                        <p class="text-gray-400 mb-3">${item.description}</p>
-                        <div class="flex flex-wrap gap-2">
-                            ${item.tags.map(tag => `<span class="text-xs bg-gray-700 px-2 py-1 rounded">${tag}</span>`).join('')}
-                        </div>
-                    `;
-                    timelineContainer.appendChild(timelineItem);
                 });
-                // Populate topic cloud
-                const topicCloud = document.getElementById('topicCloud');
-                topicCloud.innerHTML = '';
-                sampleTopics.forEach(topic => {
-                    const size = Math.floor(topic.weight * 20) + 12;
-                    const opacity = topic.weight * 0.7 + 0.3;
-                    const color = `rgba(168, 85, 247, ${opacity})`;
-                    const topicElement = document.createElement('span');
-                    topicElement.className = 'fade-in';
-                    topicElement.style.fontSize = `${size}px`;
-                    topicElement.style.color = color;
-                    topicElement.textContent = topic.text;
-                    topicCloud.appendChild(topicElement);
                 });
             }
-        });
-    </script>
-<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=numbpilled/wraithpath-input-profile-username-for-idealogical-overview" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

             50% { opacity: 1; }
             100% { opacity: 0.6; }
         }
+        .sentiment-bar {
+            transition: width 1s ease-in-out;
+        }
+        #sentimentChart {
+            min-height: 300px;
+        }
     </style>
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/builds/compromise.min.js"></script>
 </head>
 <body class="bg-gray-900 text-gray-200 min-h-screen font-sans">
     <div class="container mx-auto px-4 py-8 max-w-6xl">
                             type="text"
                             id="profileUrl"
                             class="w-full bg-gray-700 border border-gray-600 rounded-lg pl-10 pr-4 py-3 focus:outline-none focus:ring-2 focus:ring-purple-500"
+                            placeholder="Enter Reddit username (e.g., u/spez or just spez)"
+                            value="u/spez"
                         >
                     </div>
                     <button
                     </button>
                 </div>
                 <div class="mt-4 flex flex-wrap gap-2">
+                    <span class="text-xs bg-gray-700 px-2 py-1 rounded">Reddit: u/username or username</span>
+                    <span class="text-xs bg-gray-700 px-2 py-1 rounded">Coming soon: Twitter, Tumblr</span>
                 </div>
             </div>
         </header>
                         <i class="fas fa-link text-purple-400 text-xl"></i>
                     </div>
                     <h3 class="text-lg font-medium mb-2">1. Input Profile</h3>
+                    <p class="text-gray-400">Provide any public social media username. We'll analyze their posting history.</p>
                 </div>
                 <div class="bg-gray-800 p-6 rounded-xl hover:bg-gray-750 transition-all">
                     <div class="w-12 h-12 bg-pink-900 rounded-lg flex items-center justify-center mb-4">
             <div class="bg-gray-800 rounded-xl p-6 mb-8">
                 <div class="flex flex-col md:flex-row gap-6">
                     <div class="flex-shrink-0">
+                        <div id="avatarContainer" class="w-24 h-24 rounded-full bg-gradient-to-br from-purple-600 to-pink-500 flex items-center justify-center text-4xl font-bold">
                             <span id="avatarInitial">?</span>
                         </div>
                     </div>
                                 <p id="profileHandle" class="text-gray-400">@unknown</p>
                             </div>
                             <div class="mt-2 md:mt-0">
+                                <span id="profilePlatform" class="bg-gray-700 px-3 py-1 rounded-full text-sm">Reddit</span>
                             </div>
                         </div>
                         <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
                     <i class="fas fa-brain mr-2 text-pink-400"></i>
                     Sentiment Evolution
                 </h3>
+                <div class="h-64 bg-gray-700 rounded-lg">
+                    <canvas id="sentimentChart"></canvas>
                 </div>
             </div>
             <!-- Topic Cloud -->
+            <div class="bg-gray-800 rounded-xl p-6 mb-8">
                 <h3 class="text-lg font-medium mb-4 flex items-center">
                     <i class="fas fa-cloud mr-2 text-indigo-400"></i>
                     Topic Cloud
                     <!-- Topics will be added here by JavaScript -->
                 </div>
             </div>
+            <!-- Controversial Posts -->
+            <div class="bg-gray-800 rounded-xl p-6">
+                <h3 class="text-lg font-medium mb-4 flex items-center">
+                    <i class="fas fa-fire mr-2 text-red-400"></i>
+                    Most Controversial Posts
+                </h3>
+                <div id="controversialPosts" class="space-y-4">
+                    <!-- Controversial posts will be added here -->
+                </div>
+            </div>
         </section>
         <!-- Loading State (Initially Hidden) -->
                     <a href="#" class="hover:text-gray-300">Contact</a>
                 </div>
             </div>
+            <div class="mt-4 text-xs text-gray-600">
+                <p>Disclaimer: This tool analyzes publicly available data for research purposes only. Results should not be considered definitive psychological assessments.</p>
+            </div>
         </footer>
     </div>
     <script>
+        // Global variables
+        let sentimentChart;
+        let allPosts = [];
+        let analyzedData = {};
         document.addEventListener('DOMContentLoaded', function() {
             const analyzeBtn = document.getElementById('analyzeBtn');
             const profileUrl = document.getElementById('profileUrl');
             const loadingState = document.getElementById('loadingState');
             const downloadReport = document.getElementById('downloadReport');
             analyzeBtn.addEventListener('click', function() {
+                const input = profileUrl.value.trim();
+                if (!input) {
+                    alert('Please enter a valid Reddit username');
+                    return;
+                }
+                // Extract username (handle u/ prefix or not)
+                let username = input.startsWith('u/') ? input.substring(2) : input;
+                username = username.split('/')[0].split('?')[0].trim();
+                if (!username) {
+                    alert('Please enter a valid Reddit username');
                     return;
                 }
                 // Show loading state
                 loadingState.classList.remove('hidden');
+                resultsSection.classList.add('hidden');
+                // Start analysis
+                analyzeRedditUser(username);
+            });
+            downloadReport.addEventListener('click', function() {
+                if (!analyzedData.username) return;
+                generatePDFReport();
+            });
+            async function analyzeRedditUser(username) {
+                try {
+                    // Reset progress
+                    document.getElementById('progressBar').style.width = '0%';
+                    // Step 1: Fetch user data
+                    updateLoadingMessage(`Fetching profile data for u/${username}...`);
+                    await simulateProgress(10);
+                    const userData = await fetchRedditUserData(username);
+                    if (!userData) {
+                        throw new Error('User not found or private profile');
                     }
+                    // Step 2: Fetch user posts
+                    updateLoadingMessage(`Fetching posts by u/${username}...`);
+                    await simulateProgress(20);
+                    const posts = await fetchRedditUserPosts(username);
+                    if (!posts || posts.length === 0) {
+                        throw new Error('No public posts found');
+                    }
+                    allPosts = posts;
+                    // Step 3: Analyze content
+                    updateLoadingMessage(`Analyzing ${posts.length} posts...`);
+                    await simulateProgress(40);
+                    const analysisResults = await analyzePosts(posts);
+                    // Step 4: Process results
+                    updateLoadingMessage(`Compiling ideological fingerprint...`);
+                    await simulateProgress(70);
+                    // Complete progress
+                    document.getElementById('progressBar').style.width = '100%';
+                    // Display results
+                    displayResults(username, userData, analysisResults);
+                    // Hide loading state after a brief delay
+                    setTimeout(() => {
+                        loadingState.classList.add('hidden');
+                        resultsSection.classList.remove('hidden');
+                        // Scroll to results
+                        resultsSection.scrollIntoView({ behavior: 'smooth' });
+                    }, 500);
+                } catch (error) {
+                    console.error('Analysis failed:', error);
+                    loadingState.classList.add('hidden');
+                    alert(`Analysis failed: ${error.message}`);
                 }
+            }
+            async function fetchRedditUserData(username) {
+                // In a real implementation, you would use the Reddit API with proper authentication
+                // For this demo, we'll use a proxy service to avoid CORS issues
                 try {
+                    const response = await fetch(`https://www.reddit.com/user/${username}/about.json`);
+                    if (!response.ok) throw new Error('User not found');
+                    const data = await response.json();
+                    if (data.error) throw new Error(data.message);
+                    return data.data;
+                } catch (error) {
+                    console.error('Error fetching user data:', error);
+                    throw error;
                 }
+            }
+            async function fetchRedditUserPosts(username) {
+                // Fetch recent posts (in a real app you'd paginate to get more)
+                try {
+                    const response = await fetch(`https://www.reddit.com/user/${username}/submitted.json?limit=100`);
+                    if (!response.ok) throw new Error('Failed to fetch posts');
+                    const data = await response.json();
+                    if (data.error) throw new Error(data.message);
+                    return data.data.children.map(child => child.data);
+                } catch (error) {
+                    console.error('Error fetching posts:', error);
+                    throw error;
+                }
+            }
+            async function analyzePosts(posts) {
+                // This is where the real analysis would happen
+                // For this demo, we'll do basic sentiment analysis and topic extraction
+                const results = {
+                    totalPosts: posts.length,
+                    earliestPost: new Date(Math.min(...posts.map(p => p.created_utc * 1000))),
+                    latestPost: new Date(Math.max(...posts.map(p => p.created_utc * 1000))),
+                    sentimentScores: [],
+                    topics: {},
+                    controversialPosts: [],
+                    timeline: []
+                };
+                // Process each post
+                posts.forEach(post => {
+                    // Basic sentiment analysis (very simplified)
+                    const text = post.title + ' ' + (post.selftext || '');
+                    const sentiment = analyzeSentiment(text);
+                    results.sentimentScores.push({
+                        date: new Date(post.created_utc * 1000),
+                        score: sentiment.score,
+                        magnitude: sentiment.magnitude
+                    });
+                    // Track controversial posts
+                    if (post.downvotes > 0 || post.controversiality > 0) {
+                        results.controversialPosts.push({
+                            title: post.title,
+                            text: post.selftext,
+                            score: post.score,
+                            url: `https://reddit.com${post.permalink}`,
+                            date: new Date(post.created_utc * 1000)
+                        });
+                    }
+                    // Extract topics (using compromise.js NLP)
+                    const doc = window.nlp(text);
+                    const nouns = doc.nouns().out('array');
+                    const adjectives = doc.adjectives().out('array');
+                    nouns.forEach(noun => {
+                        results.topics[noun] = (results.topics[noun] || 0) + 1;
+                    });
+                    adjectives.forEach(adj => {
+                        results.topics[adj] = (results.topics[adj] || 0) + 1;
+                    });
                 });
+                // Sort controversial posts
+                results.controversialPosts.sort((a, b) => b.score - a.score);
+                // Process topics - get top 20
+                const topicEntries = Object.entries(results.topics)
+                    .filter(([word]) => word.length > 3) // ignore short words
+                    .sort((a, b) => b[1] - a[1])
+                    .slice(0, 20);
+                results.topTopics = topicEntries.map(([text, count]) => ({
+                    text,
+                    weight: count / posts.length // normalize weight
+                }));
+                // Create timeline segments (group by year)
+                const postsByYear = {};
+                posts.forEach(post => {
+                    const year = new Date(post.created_utc * 1000).getFullYear();
+                    if (!postsByYear[year]) postsByYear[year] = [];
+                    postsByYear[year].push(post);
+                });
+                // Create timeline items for each year with significant activity
+                Object.entries(postsByYear).forEach(([year, yearPosts]) => {
+                    if (yearPosts.length < 3) return; // Skip years with few posts
+                    // Analyze this year's posts
+                    const yearText = yearPosts.map(p => p.title + ' ' + (p.selftext || '')).join(' ');
+                    const yearSentiment = analyzeSentiment(yearText);
+                    // Get top topics for this year
+                    const yearDoc = window.nlp(yearText);
+                    const yearNouns = yearDoc.nouns().out('array');
+                    const yearTopics = {};
+                    yearNouns.forEach(noun => {
+                        if (noun.length > 3) {
+                            yearTopics[noun] = (yearTopics[noun] || 0) + 1;
+                        }
+                    });
+                    const topYearTopics = Object.entries(yearTopics)
+                        .sort((a, b) => b[1] - a[1])
+                        .slice(0, 3)
+                        .map(([topic]) => topic);
+                    // Create timeline item
+                    results.timeline.push({
+                        year: year.toString(),
+                        title: getTimelineTitle(year, yearSentiment.score),
+                        description: getTimelineDescription(year, yearSentiment.score, topYearTopics),
+                        sentiment: yearSentiment.score > 0.2 ? 'positive' : yearSentiment.score < -0.2 ? 'negative' : 'neutral',
+                        tags: topYearTopics
+                    });
+                });
+                return results;
+            }
+            function analyzeSentiment(text) {
+                // Very basic sentiment analysis
+                // In a real implementation, you'd use a proper NLP library
+                const positiveWords = ['good', 'great', 'awesome', 'happy', 'love', 'best', 'excellent', 'positive'];
+                const negativeWords = ['bad', 'terrible', 'awful', 'hate', 'worst', 'negative', 'angry', 'sad'];
+                const words = text.toLowerCase().split(/\s+/);
+                let positiveCount = 0;
+                let negativeCount = 0;
+                let total = 0;
+                words.forEach(word => {
+                    if (positiveWords.includes(word)) {
+                        positiveCount++;
+                        total++;
+                    } else if (negativeWords.includes(word)) {
+                        negativeCount++;
+                        total++;
+                    }
                 });
+                const score = total > 0 ? (positiveCount - negativeCount) / total : 0;
+                const magnitude = total > 0 ? (positiveCount + negativeCount) / total : 0;
+                return { score, magnitude };
+            }
+            function getTimelineTitle(year, sentimentScore) {
+                const descriptors = [
+                    "Neutral Period",
+                    "Active Year",
+                    "Productive Phase",
+                    "Engagement Spike"
+                ];
+                if (sentimentScore > 0.3) {
+                    return "Positive Outlook";
+                } else if (sentimentScore < -0.3) {
+                    return "Negative Phase";
+                }
+                return descriptors[year % descriptors.length];
+            }
+            function getTimelineDescription(year, sentimentScore, topics) {
+                let desc = `In ${year}, the user frequently discussed ${topics.join(', ')}. `;
+                if (sentimentScore > 0.3) {
+                    desc += "Their language was predominantly positive, showing optimism in their posts.";
+                } else if (sentimentScore < -0.3) {
+                    desc += "Their language showed signs of negativity, with critical or pessimistic tones.";
+                } else {
+                    desc += "Their language was generally neutral, with balanced emotional expression.";
+                }
+                return desc;
             }
+            function displayResults(username, userData, analysisResults) {
+                // Store for PDF generation
+                analyzedData = {
+                    username,
+                    userData,
+                    analysisResults
+                };
+                // Set profile info
+                document.getElementById('profileName').textContent = userData.name || username;
+                document.getElementById('profileHandle').textContent = `u/${username}`;
+                document.getElementById('avatarInitial').textContent = username.charAt(0).toUpperCase();
+                // Use Reddit icon if available
+                if (userData.icon_img) {
+                    document.getElementById('avatarContainer').innerHTML = `
+                        <img src="${userData.icon_img}" class="w-full h-full rounded-full object-cover" alt="Profile">
+                    `;
+                }
+                // Set stats
+                document.getElementById('postCount').textContent = analysisResults.totalPosts;
+                const yearsActive = analysisResults.latestPost.getFullYear() - analysisResults.earliestPost.getFullYear() + 1;
+                document.getElementById('timeSpan').textContent = `${yearsActive} year${yearsActive !== 1 ? 's' : ''}`;
+                // Calculate ideology score (simplified)
+                const avgSentiment = analysisResults.sentimentScores.reduce((sum, item) => sum + item.score, 0) / analysisResults.sentimentScores.length;
+                const ideologyScore = Math.round(50 + (avgSentiment * 50)); // Convert to 0-100 scale
+                document.getElementById('ideologyScore').textContent = `${ideologyScore}/100`;
+                // Calculate volatility (standard deviation of sentiment)
+                const variance = analysisResults.sentimentScores.reduce((sum, item) => {
+                    return sum + Math.pow(item.score - avgSentiment, 2);
+                }, 0) / analysisResults.s
 </html>

prompts.txt CHANGED Viewed

	@@ -1 +1,2 @@
1	- WRAITHPATH A user fingerprinting engine disguised as a minimalist blog reader. Input someone’s Reddit, Tumblr, or blog and the site outputs a timeline of shifting mental states and ideological drift. Monetization: Sell PDF reports of “ideological pathology” or mental OSINT digests. Tagline: “Their posts were a breadcrumb trail to who they really are.”


1	+ WRAITHPATH A user fingerprinting engine disguised as a minimalist blog reader. Input someone’s Reddit, Tumblr, or blog and the site outputs a timeline of shifting mental states and ideological drift. Monetization: Sell PDF reports of “ideological pathology” or mental OSINT digests. Tagline: “Their posts were a breadcrumb trail to who they really are.”
2	+ take it to the next level- instead of simulating data make it real