mirror of
https://github.com/elder-plinius/LEAKHUB.git
synced 2026-09-22 00:40:52 +02:00
🚀 NEW: Added InfoValidator feature as dual-purpose platform
This commit is contained in:
EP
+265
-140
@@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>InfoValidator - Universal Information Verification Platform</title>
|
||||
<title>LeakHub - AI System Prompt Discovery Platform</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
@@ -13,16 +13,17 @@
|
||||
<nav class="production-nav">
|
||||
<div class="nav-container">
|
||||
<div class="nav-brand">
|
||||
<h1 class="logo">InfoValidator</h1>
|
||||
<span class="version">v3.0.0</span>
|
||||
<h1 class="logo">LeakHub</h1>
|
||||
<span class="version">v2.0.0</span>
|
||||
</div>
|
||||
|
||||
<div class="nav-menu">
|
||||
<a href="#submit" class="nav-link active">Submit</a>
|
||||
<a href="#library" class="nav-link">Library</a>
|
||||
<a href="#compare" class="nav-link">Compare</a>
|
||||
<a href="#community" class="nav-link">Community</a>
|
||||
<a href="#analytics" class="nav-link">Analytics</a>
|
||||
<a href="#leaks" class="nav-link active" onclick="switchTab('leaks')">🔍 Leaks</a>
|
||||
<a href="#validator" class="nav-link" onclick="switchTab('validator')">✅ Validator</a>
|
||||
<a href="#library" class="nav-link" onclick="switchTab('library')">📚 Library</a>
|
||||
<a href="#compare" class="nav-link" onclick="switchTab('compare')">🔍 Compare</a>
|
||||
<a href="#community" class="nav-link" onclick="switchTab('community')">👥 Community</a>
|
||||
<a href="#analytics" class="nav-link" onclick="switchTab('analytics')">📈 Analytics</a>
|
||||
</div>
|
||||
|
||||
<div class="nav-actions">
|
||||
@@ -38,15 +39,15 @@
|
||||
<div class="container">
|
||||
<header>
|
||||
<div class="hero-section">
|
||||
<h1>InfoValidator</h1>
|
||||
<p class="subtitle">The universal platform for crowd-sourced information verification. Humans + AI = Truth! 🔍✨</p>
|
||||
<h1>LeakHub</h1>
|
||||
<p class="subtitle">AI System Prompt Discovery + Universal Information Validation. CL4R1T4S!</p>
|
||||
|
||||
<div class="hero-stats">
|
||||
<div class="stat-item">
|
||||
<div class="stat-icon">🎯</div>
|
||||
<div class="stat-content">
|
||||
<div class="stat-number" id="activeLeaks">0</div>
|
||||
<div class="stat-label">Active Claims</div>
|
||||
<div class="stat-label">Active Targets</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
@@ -60,14 +61,14 @@
|
||||
<div class="stat-icon">✅</div>
|
||||
<div class="stat-content">
|
||||
<div class="stat-number" id="verifiedPrompts">0</div>
|
||||
<div class="stat-label">Verified Claims</div>
|
||||
<div class="stat-label">Verified Prompts</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<div class="stat-icon">👥</div>
|
||||
<div class="stat-content">
|
||||
<div class="stat-number" id="activeUsers">0</div>
|
||||
<div class="stat-label">Active Validators</div>
|
||||
<div class="stat-label">Active Users</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -92,11 +93,11 @@
|
||||
<!-- Real-time Chat System -->
|
||||
<div id="chatPanel" class="chat-panel" style="display: none;">
|
||||
<div class="chat-header">
|
||||
<h3>💬 InfoValidator Live Chat</h3>
|
||||
<h3>💬 LeakHub Live Chat</h3>
|
||||
<button onclick="toggleChat()" class="close-btn">×</button>
|
||||
</div>
|
||||
<div class="chat-messages" id="chatMessages">
|
||||
<div class="system-message">Welcome to InfoValidator Live Chat! Share discoveries, discuss verification methods, and collaborate in real-time! 🚀</div>
|
||||
<div class="system-message">Welcome to LeakHub Live Chat! Share discoveries, ask questions, and collaborate in real-time! 🚀</div>
|
||||
</div>
|
||||
<div class="chat-input-container">
|
||||
<input type="text" id="chatInput" placeholder="Type your message..." maxlength="500">
|
||||
@@ -112,9 +113,9 @@
|
||||
<div class="overlay-content">
|
||||
<div class="close-button" onclick="toggleUserProfile()">✕</div>
|
||||
<div class="profile-header">
|
||||
<h2>👤 Validator Profile</h2>
|
||||
<h2>👤 User Profile</h2>
|
||||
<div class="profile-avatar" id="profileAvatar">👤</div>
|
||||
<div class="profile-name" id="profileName">Guest Validator</div>
|
||||
<div class="profile-name" id="profileName">Guest User</div>
|
||||
</div>
|
||||
<div class="profile-stats" id="profileStats">
|
||||
<!-- Stats will be populated by JavaScript -->
|
||||
@@ -131,10 +132,10 @@
|
||||
<div class="close-button" onclick="toggleSettings()">✕</div>
|
||||
<h2>⚙️ Settings</h2>
|
||||
<div class="settings-section">
|
||||
<h3>Validator Preferences</h3>
|
||||
<h3>User Preferences</h3>
|
||||
<label>
|
||||
<input type="text" id="userNameInput" placeholder="Enter your validator name">
|
||||
Validator Name
|
||||
<input type="text" id="userNameInput" placeholder="Enter your username">
|
||||
Username
|
||||
</label>
|
||||
<label>
|
||||
<input type="checkbox" id="notificationsEnabled" checked>
|
||||
@@ -158,7 +159,7 @@
|
||||
<div id="analyticsOverlay" class="overlay" style="display: none;">
|
||||
<div class="overlay-content wide">
|
||||
<div class="close-button" onclick="toggleAnalytics()">✕</div>
|
||||
<h2>📈 InfoValidator Analytics</h2>
|
||||
<h2>📈 LeakHub Analytics</h2>
|
||||
<div class="analytics-grid">
|
||||
<div class="analytics-card">
|
||||
<h3>📊 Platform Statistics</h3>
|
||||
@@ -167,9 +168,9 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="analytics-card">
|
||||
<h3>🎯 Claim Categories</h3>
|
||||
<h3>🎯 Target Distribution</h3>
|
||||
<div class="analytics-chart" id="targetChart">
|
||||
<!-- Category distribution chart -->
|
||||
<!-- Target distribution chart -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="analytics-card">
|
||||
@@ -179,7 +180,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="analytics-card">
|
||||
<h3>🏆 Top Validators</h3>
|
||||
<h3>🏆 Top Contributors</h3>
|
||||
<div class="analytics-leaders" id="topContributors">
|
||||
<!-- Top contributors -->
|
||||
</div>
|
||||
@@ -188,112 +189,238 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="main-section">
|
||||
<div class="panel">
|
||||
<h2>📤 Submit Information Claim</h2>
|
||||
<form class="submission-form" onsubmit="submitLeak(event)">
|
||||
<input type="text" id="sourceName" placeholder="Your validator name (e.g., Validator123, Anonymous)" required>
|
||||
|
||||
<select id="targetType" onchange="updateTargetFields()" required style="width: 100%; padding: 0.5rem; margin-bottom: 1rem; background: rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; color: #e0e0e0;">
|
||||
<option value="">Select claim category...</option>
|
||||
<option value="ai-system">🤖 AI System Prompt</option>
|
||||
<option value="code-snippet">💻 Code/Algorithm</option>
|
||||
<option value="data-fact">📊 Data/Fact</option>
|
||||
<option value="document">📄 Document/Text</option>
|
||||
<option value="image">🖼️ Image/Visual</option>
|
||||
<option value="audio">🎵 Audio/Video</option>
|
||||
<option value="api">🔌 API/Endpoint</option>
|
||||
<option value="custom">🛠️ Custom Claim</option>
|
||||
</select>
|
||||
|
||||
<input type="text" id="instanceId" placeholder="Claim title (e.g., 'ChatGPT-4 System Prompt', 'Bitcoin Mining Algorithm')" required>
|
||||
|
||||
<input type="url" id="targetUrl" placeholder="Source URL (e.g., https://example.com)" style="margin-bottom: 1rem;">
|
||||
|
||||
<div style="background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 1rem; margin-bottom: 1rem;">
|
||||
<p style="color: #00aaff; font-size: 0.9rem; margin-bottom: 0.8rem;">🔒 Access Requirements</p>
|
||||
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;">
|
||||
<label style="display: flex; align-items: center; gap: 0.5rem; color: #888; font-size: 0.9rem;">
|
||||
<input type="checkbox" id="requiresLogin" style="width: auto;">
|
||||
Requires Login
|
||||
</label>
|
||||
<label style="display: flex; align-items: center; gap: 0.5rem; color: #888; font-size: 0.9rem;">
|
||||
<input type="checkbox" id="requiresPaid" style="width: auto;">
|
||||
Paid/Subscription
|
||||
</label>
|
||||
</div>
|
||||
<input type="text" id="accessNotes" placeholder="Additional access notes (e.g., 'Plus subscription required')"
|
||||
style="width: 100%; margin-top: 0.8rem; padding: 0.5rem; background: rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; color: #e0e0e0;">
|
||||
<!-- Tab Content -->
|
||||
<div class="tab-content">
|
||||
<!-- Leaks Tab -->
|
||||
<div id="leaks-tab" class="tab-panel active">
|
||||
<div class="main-section">
|
||||
<div class="panel">
|
||||
<h2>🔍 Submit System Prompt Leak</h2>
|
||||
<form class="submission-form" onsubmit="submitLeak(event)">
|
||||
<input type="text" id="sourceName" placeholder="Your identifier (e.g., User123, Anonymous)" required>
|
||||
|
||||
<select id="targetType" onchange="updateTargetFields()" required style="width: 100%; padding: 0.5rem; margin-bottom: 1rem; background: rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; color: #e0e0e0;">
|
||||
<option value="">Select target type...</option>
|
||||
<option value="model">🤖 AI Model</option>
|
||||
<option value="app">📱 App/Interface</option>
|
||||
<option value="tool">🔧 Tool/Function</option>
|
||||
<option value="agent">🤝 AI Agent</option>
|
||||
<option value="plugin">🔌 Plugin/Extension</option>
|
||||
<option value="custom">🛠️ Custom GPT/Bot</option>
|
||||
</select>
|
||||
|
||||
<input type="text" id="instanceId" placeholder="Target name (e.g., ChatGPT-4, GitHub Copilot)" required>
|
||||
|
||||
<input type="url" id="targetUrl" placeholder="Target URL (e.g., https://chat.openai.com)" style="margin-bottom: 1rem;">
|
||||
|
||||
<div style="background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 1rem; margin-bottom: 1rem;">
|
||||
<p style="color: #00aaff; font-size: 0.9rem; margin-bottom: 0.8rem;">🔒 Access Requirements</p>
|
||||
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;">
|
||||
<label style="display: flex; align-items: center; gap: 0.5rem; color: #888; font-size: 0.9rem;">
|
||||
<input type="checkbox" id="requiresLogin" style="width: auto;">
|
||||
Requires Login
|
||||
</label>
|
||||
<label style="display: flex; align-items: center; gap: 0.5rem; color: #888; font-size: 0.9rem;">
|
||||
<input type="checkbox" id="requiresPaid" style="width: auto;">
|
||||
Paid/Subscription
|
||||
</label>
|
||||
</div>
|
||||
<input type="text" id="accessNotes" placeholder="Additional access notes (e.g., 'Plus subscription required')"
|
||||
style="width: 100%; margin-top: 0.8rem; padding: 0.5rem; background: rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; color: #e0e0e0;">
|
||||
</div>
|
||||
|
||||
<div id="additionalFields" style="display: none;">
|
||||
<input type="text" id="parentSystem" placeholder="Parent system (e.g., ChatGPT for a plugin)" style="margin-bottom: 1rem;">
|
||||
<input type="text" id="functionName" placeholder="Specific function/tool name (if applicable)" style="margin-bottom: 1rem;">
|
||||
</div>
|
||||
|
||||
<textarea id="leakContent" placeholder="Paste the suspected system prompt leak here..." required></textarea>
|
||||
<input type="text" id="context" placeholder="Context: How was this obtained? (optional)">
|
||||
|
||||
<div style="display: flex; gap: 0.5rem; align-items: center; margin-bottom: 1rem;">
|
||||
<input type="checkbox" id="hasTools" onchange="toggleToolsSection()" style="width: auto;">
|
||||
<label for="hasTools" style="color: #888; font-size: 0.9rem;">This target has tools/functions with their own prompts</label>
|
||||
</div>
|
||||
|
||||
<div id="toolsSection" style="display: none; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 1rem; margin-bottom: 1rem;">
|
||||
<p style="color: #00aaff; font-size: 0.9rem; margin-bottom: 0.5rem;">🔧 Related Tool Prompts (optional)</p>
|
||||
<textarea id="toolPrompts" placeholder="If you found any tool-specific prompts, paste them here..." style="min-height: 100px;"></textarea>
|
||||
</div>
|
||||
|
||||
<button type="submit">Submit to Library</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div id="additionalFields" style="display: none;">
|
||||
<input type="text" id="parentSystem" placeholder="Parent system (e.g., ChatGPT for a plugin)" style="margin-bottom: 1rem;">
|
||||
<input type="text" id="functionName" placeholder="Specific function/tool name (if applicable)" style="margin-bottom: 1rem;">
|
||||
</div>
|
||||
|
||||
<textarea id="leakContent" placeholder="Paste the information claim here (code, text, data, etc.)..." required></textarea>
|
||||
<input type="text" id="context" placeholder="Context: How was this obtained? Verification method? (optional)">
|
||||
|
||||
<div style="display: flex; gap: 0.5rem; align-items: center; margin-bottom: 1rem;">
|
||||
<input type="checkbox" id="hasTools" onchange="toggleToolsSection()" style="width: auto;">
|
||||
<label for="hasTools" style="color: #888; font-size: 0.9rem;">This claim has related sub-components or variations</label>
|
||||
</div>
|
||||
|
||||
<div id="toolsSection" style="display: none; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 1rem; margin-bottom: 1rem;">
|
||||
<p style="color: #00aaff; font-size: 0.9rem; margin-bottom: 0.5rem;">🔧 Related Components (optional)</p>
|
||||
<textarea id="toolPrompts" placeholder="If you found related components or variations, paste them here..." style="min-height: 100px;"></textarea>
|
||||
</div>
|
||||
|
||||
<button type="submit">Submit for Validation</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel">
|
||||
<h2>📚 Claims Library</h2>
|
||||
<div class="submissions-list" id="submissionsList">
|
||||
<p style="color: #666; text-align: center;">No claims yet. Be the first to submit information for validation!</p>
|
||||
<!-- Validator Tab -->
|
||||
<div id="validator-tab" class="tab-panel">
|
||||
<div class="main-section">
|
||||
<div class="panel">
|
||||
<h2>✅ Submit Information for Validation</h2>
|
||||
<form class="submission-form" onsubmit="submitValidation(event)">
|
||||
<input type="text" id="validatorSourceName" placeholder="Your identifier (e.g., User123, Anonymous)" required>
|
||||
|
||||
<select id="validationCategory" required style="width: 100%; padding: 0.5rem; margin-bottom: 1rem; background: rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; color: #e0e0e0;">
|
||||
<option value="">Select validation category...</option>
|
||||
<option value="ai-system">🤖 AI System Prompt</option>
|
||||
<option value="code-snippet">💻 Code/Algorithm</option>
|
||||
<option value="data-fact">📊 Data/Fact</option>
|
||||
<option value="document">📄 Document/Text</option>
|
||||
<option value="image">🖼️ Image/Visual</option>
|
||||
<option value="audio">🎵 Audio/Video</option>
|
||||
<option value="api">🔌 API/Endpoint</option>
|
||||
<option value="custom">🛠️ Custom Claim</option>
|
||||
</select>
|
||||
|
||||
<input type="text" id="validationTitle" placeholder="Claim title (e.g., 'ChatGPT-4 System Prompt', 'Bitcoin Mining Algorithm')" required>
|
||||
|
||||
<input type="url" id="validationUrl" placeholder="Source URL (e.g., https://example.com)" style="margin-bottom: 1rem;">
|
||||
|
||||
<textarea id="validationContent" placeholder="Paste the information claim here (code, text, data, etc.)..." required></textarea>
|
||||
<input type="text" id="validationContext" placeholder="Context: How was this obtained? Verification method? (optional)">
|
||||
|
||||
<div style="display: flex; gap: 0.5rem; align-items: center; margin-bottom: 1rem;">
|
||||
<input type="checkbox" id="hasRelatedComponents" onchange="toggleRelatedComponents()" style="width: auto;">
|
||||
<label for="hasRelatedComponents" style="color: #888; font-size: 0.9rem;">This claim has related sub-components or variations</label>
|
||||
</div>
|
||||
|
||||
<div id="relatedComponentsSection" style="display: none; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 1rem; margin-bottom: 1rem;">
|
||||
<p style="color: #00aaff; font-size: 0.9rem; margin-bottom: 0.5rem;">🔧 Related Components (optional)</p>
|
||||
<textarea id="relatedComponents" placeholder="If you found related components or variations, paste them here..." style="min-height: 100px;"></textarea>
|
||||
</div>
|
||||
|
||||
<button type="submit">Submit for Validation</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="panel">
|
||||
<h2>🔍 Active Validation Requests</h2>
|
||||
<div class="validation-requests" id="validationRequests">
|
||||
<p style="color: #666; text-align: center;">No validation requests yet. Be the first to submit!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Library Tab -->
|
||||
<div id="library-tab" class="tab-panel">
|
||||
<div class="main-section">
|
||||
<div class="panel">
|
||||
<h2>📚 Leak Library</h2>
|
||||
<div class="submissions-list" id="submissionsList">
|
||||
<p style="color: #666; text-align: center;">No submissions yet. Be the first to contribute!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Compare Tab -->
|
||||
<div id="compare-tab" class="tab-panel">
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Community Tab -->
|
||||
<div id="community-tab" class="tab-panel">
|
||||
<div class="main-section">
|
||||
<div class="panel">
|
||||
<h2>👥 Community Features</h2>
|
||||
<div class="community-grid">
|
||||
<div class="community-card">
|
||||
<h3>🏆 Leaderboard</h3>
|
||||
<p>See top contributors and their achievements</p>
|
||||
<button onclick="toggleLeaderboard()" class="enhanced-btn">View Leaderboard</button>
|
||||
</div>
|
||||
<div class="community-card">
|
||||
<h3>🎯 Challenges</h3>
|
||||
<p>Participate in daily challenges and bounty hunts</p>
|
||||
<button onclick="toggleRequests()" class="enhanced-btn">View Challenges</button>
|
||||
</div>
|
||||
<div class="community-card">
|
||||
<h3>💬 Live Chat</h3>
|
||||
<p>Collaborate with other researchers in real-time</p>
|
||||
<button onclick="toggleChat()" class="enhanced-btn">Join Chat</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Analytics Tab -->
|
||||
<div id="analytics-tab" class="tab-panel">
|
||||
<div class="main-section">
|
||||
<div class="panel">
|
||||
<h2>📈 Platform Analytics</h2>
|
||||
<div class="analytics-overview">
|
||||
<p>Comprehensive analytics and insights about the platform</p>
|
||||
<button onclick="toggleAnalytics()" class="enhanced-btn">View Full Analytics</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="comparison-section">
|
||||
<div class="panel">
|
||||
<h2>🔍 Compare Multiple Claims</h2>
|
||||
<div class="comparison-controls">
|
||||
<select id="submission1" style="width: 100%; padding: 0.5rem; margin-bottom: 1rem; background: rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; color: #e0e0e0;">
|
||||
<option value="">Select first claim...</option>
|
||||
</select>
|
||||
<select id="submission2" style="width: 100%; padding: 0.5rem; margin-bottom: 1rem; background: rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; color: #e0e0e0;">
|
||||
<option value="">Select second claim...</option>
|
||||
<h2 style="color: #00ff88; margin-bottom: 1.5rem;">🔍 Compare Multiple Instances</h2>
|
||||
|
||||
<div class="comparison-controls">
|
||||
<div class="instance-selector">
|
||||
<label style="color: #888; font-size: 0.9rem;">Instance A:</label>
|
||||
<select id="instanceA" class="form-control" style="width: 100%; padding: 0.5rem; margin-top: 0.5rem; background: rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; color: #e0e0e0;">
|
||||
<option value="">Select submission...</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="comparison-controls">
|
||||
<button onclick="performComparison()" class="enhanced-btn">🔍 Basic Comparison</button>
|
||||
<button onclick="performAdvancedComparison()" class="enhanced-btn">🤖 AI Analysis</button>
|
||||
<div class="instance-selector">
|
||||
<label style="color: #888; font-size: 0.9rem;">Instance B:</label>
|
||||
<select id="instanceB" class="form-control" style="width: 100%; padding: 0.5rem; margin-top: 0.5rem; background: rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; color: #e0e0e0;">
|
||||
<option value="">Select submission...</option>
|
||||
</select>
|
||||
</div>
|
||||
<div id="comparisonResults">
|
||||
<div class="match-metrics">
|
||||
<div class="metric-card">
|
||||
<div class="metric-label">Character Match</div>
|
||||
<div class="metric-value" id="charMatch">-</div>
|
||||
</div>
|
||||
<div class="metric-card">
|
||||
<div class="metric-label">Word Match</div>
|
||||
<div class="metric-value" id="wordMatch">-</div>
|
||||
</div>
|
||||
<div class="metric-card">
|
||||
<div class="metric-label">Structure Match</div>
|
||||
<div class="metric-value" id="structureMatch">-</div>
|
||||
</div>
|
||||
<div class="metric-card">
|
||||
<div class="metric-label">Core Similarity</div>
|
||||
<div class="metric-value" id="coreSimilarity">-</div>
|
||||
</div>
|
||||
</div>
|
||||
<button onclick="compareInstances()" style="align-self: flex-end;">Compare</button>
|
||||
</div>
|
||||
|
||||
<div class="consensus-viewer">
|
||||
<h3>Consensus View (Common Elements)</h3>
|
||||
<div class="consensus-text" id="consensusText"></div>
|
||||
<div id="comparisonResults" style="display: none;">
|
||||
<div class="comparison-grid">
|
||||
<div class="instance-viewer">
|
||||
<h3>Instance A</h3>
|
||||
<div class="instance-content" id="instanceAContent"></div>
|
||||
</div>
|
||||
<div class="instance-viewer">
|
||||
<h3>Instance B</h3>
|
||||
<div class="instance-content" id="instanceBContent"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="results-panel">
|
||||
<h3 style="color: #00ff88; margin-bottom: 1.5rem;">Analysis Results</h3>
|
||||
<div class="comparison-controls">
|
||||
<button onclick="performComparison()" class="enhanced-btn">🔍 Basic Comparison</button>
|
||||
<button onclick="performAdvancedComparison()" class="enhanced-btn">🤖 AI Analysis</button>
|
||||
</div>
|
||||
<div id="comparisonResults">
|
||||
<div class="match-metrics">
|
||||
<div class="metric-card">
|
||||
<div class="metric-label">Character Match</div>
|
||||
<div class="metric-value" id="charMatch">-</div>
|
||||
</div>
|
||||
<div class="metric-card">
|
||||
<div class="metric-label">Word Match</div>
|
||||
<div class="metric-value" id="wordMatch">-</div>
|
||||
</div>
|
||||
<div class="metric-card">
|
||||
<div class="metric-label">Structure Match</div>
|
||||
<div class="metric-value" id="structureMatch">-</div>
|
||||
</div>
|
||||
<div class="metric-card">
|
||||
<div class="metric-label">Core Similarity</div>
|
||||
<div class="metric-value" id="coreSimilarity">-</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="consensus-viewer">
|
||||
<h3>Consensus View (Common Elements)</h3>
|
||||
<div class="consensus-text" id="consensusText"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -302,7 +429,7 @@
|
||||
<div class="library-stats">
|
||||
<div class="stat-card">
|
||||
<div class="stat-number" id="uniqueInstances">0</div>
|
||||
<div class="stat-label">Unique Claims</div>
|
||||
<div class="stat-label">Unique Instances</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-number" id="avgSimilarity">0%</div>
|
||||
@@ -323,8 +450,8 @@
|
||||
<div class="close-button" onclick="toggleLeaderboard()">✕</div>
|
||||
|
||||
<div class="leaderboard-header">
|
||||
<h1 class="leaderboard-title">🏆 InfoValidator Hall of Fame</h1>
|
||||
<p class="subtitle">Recognizing the top information validators</p>
|
||||
<h1 class="leaderboard-title">🏆 LeakHub Hall of Fame</h1>
|
||||
<p class="subtitle">Recognizing the top contributors to AI transparency</p>
|
||||
</div>
|
||||
|
||||
<div class="leaderboard-tabs">
|
||||
@@ -335,7 +462,7 @@
|
||||
|
||||
<div id="rankings-content" class="leaderboard-content">
|
||||
<div class="rankings">
|
||||
<h2 style="color: #00ff88; margin-bottom: 1.5rem;">Top Validators</h2>
|
||||
<h2 style="color: #00ff88; margin-bottom: 1.5rem;">Top Contributors</h2>
|
||||
<div id="rankingsList"></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -347,7 +474,7 @@
|
||||
|
||||
<div id="timeline-content" class="leaderboard-content" style="display: none;">
|
||||
<div class="timeline-section">
|
||||
<h2 style="color: #00aaff; margin-bottom: 1.5rem;">Validation Timeline</h2>
|
||||
<h2 style="color: #00aaff; margin-bottom: 1.5rem;">Discovery Timeline</h2>
|
||||
<div id="timelineList"></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -360,14 +487,14 @@
|
||||
<div class="close-button" onclick="toggleRequests()">✕</div>
|
||||
|
||||
<div class="requests-header">
|
||||
<h1 class="requests-title">🎯 InfoValidator Bounty Board</h1>
|
||||
<p class="subtitle">Request information validation and compete in daily challenges</p>
|
||||
<h1 class="requests-title">🎯 LeakHub Bounty Board</h1>
|
||||
<p class="subtitle">Request targets and compete in daily challenges</p>
|
||||
</div>
|
||||
|
||||
<!-- Daily Challenge -->
|
||||
<div class="daily-challenge">
|
||||
<h2 class="challenge-title">🎯 Today's Challenge</h2>
|
||||
<p class="challenge-description" id="challengeDescription">Find and verify a system prompt from any AI model!</p>
|
||||
<p class="challenge-description" id="challengeDescription">Find and verify a system prompt from GPT-4 Turbo!</p>
|
||||
<div class="challenge-reward">💰 Reward: 500 bonus points + Special Badge</div>
|
||||
<div class="challenge-timer" id="challengeTimer">Time remaining: 23:45:30</div>
|
||||
</div>
|
||||
@@ -375,24 +502,22 @@
|
||||
<div class="requests-grid">
|
||||
<!-- Submit Request Form -->
|
||||
<div class="request-form">
|
||||
<h2 style="color: #ffd700; margin-bottom: 1.5rem;">📝 Request Information Validation</h2>
|
||||
<h2 style="color: #ffd700; margin-bottom: 1.5rem;">📝 Request a Leak Hunt</h2>
|
||||
<form onsubmit="submitRequest(event)">
|
||||
<select id="requestTargetType" required style="width: 100%; padding: 0.5rem; margin-bottom: 1rem; background: rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; color: #e0e0e0;">
|
||||
<option value="">Select claim category...</option>
|
||||
<option value="ai-system">🤖 AI System Prompt</option>
|
||||
<option value="code-snippet">💻 Code/Algorithm</option>
|
||||
<option value="data-fact">📊 Data/Fact</option>
|
||||
<option value="document">📄 Document/Text</option>
|
||||
<option value="image">🖼️ Image/Visual</option>
|
||||
<option value="audio">🎵 Audio/Video</option>
|
||||
<option value="api">🔌 API/Endpoint</option>
|
||||
<option value="custom">🛠️ Custom Claim</option>
|
||||
<option value="">Select target type...</option>
|
||||
<option value="model">🤖 AI Model</option>
|
||||
<option value="app">📱 App/Interface</option>
|
||||
<option value="tool">🔧 Tool/Function</option>
|
||||
<option value="agent">🤝 AI Agent</option>
|
||||
<option value="plugin">🔌 Plugin/Extension</option>
|
||||
<option value="custom">🛠️ Custom GPT/Bot</option>
|
||||
</select>
|
||||
<input type="text" id="requestModel" placeholder="Claim title (e.g., Gemini Pro Prompt, Bitcoin Algorithm)" required
|
||||
<input type="text" id="requestModel" placeholder="Target name (e.g., Gemini Pro, GitHub Copilot)" required
|
||||
style="width: 100%; margin-bottom: 1rem;">
|
||||
<input type="url" id="requestUrl" placeholder="Source URL (optional)"
|
||||
<input type="url" id="requestUrl" placeholder="Target URL (optional)"
|
||||
style="width: 100%; margin-bottom: 1rem;">
|
||||
<textarea id="requestDescription" placeholder="Why is this important? Any tips on how to verify it?"
|
||||
<textarea id="requestDescription" placeholder="Why is this important? Any tips on how to get it?"
|
||||
style="width: 100%; min-height: 100px; margin-bottom: 1rem;"></textarea>
|
||||
<div style="display: flex; gap: 1rem; margin-bottom: 1rem;">
|
||||
<label style="display: flex; align-items: center; gap: 0.5rem; color: #888; font-size: 0.9rem;">
|
||||
@@ -420,7 +545,7 @@
|
||||
<div class="filter-tab" onclick="filterRequests('myvotes')">👍 My Votes</div>
|
||||
</div>
|
||||
<div id="requestsList">
|
||||
<p style="color: #666; text-align: center;">No requests yet. Be the first to request information validation!</p>
|
||||
<p style="color: #666; text-align: center;">No requests yet. Be the first to request a leak hunt!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user