Spaces:

SyedomarAli
/

wordpress-site

Running

App Files Files Community

SyedomarAli commited on May 27

Commit

ecbcd38

verified ·

1 Parent(s): d00892e

Add 3 files

Browse files

Files changed (3) hide show

README.md +6 -4
index.html +487 -19
prompts.txt +1 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Wordpress Site
-emoji: 📉
 colorFrom: pink
-colorTo: indigo
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: wordpress-site
+emoji: 🐳
 colorFrom: pink
+colorTo: pink
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,487 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AI Content Detector + Humanizer | Powered by DeepSeek</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        .gradient-bg {
+            background: linear-gradient(135deg, #6e8efb 0%, #a777e3 100%);
+        }
+        .text-gradient {
+            background: linear-gradient(90deg, #6e8efb, #a777e3);
+            -webkit-background-clip: text;
+            background-clip: text;
+            color: transparent;
+        }
+        .result-box {
+            transition: all 0.3s ease;
+        }
+        .result-box:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+        }
+        .progress-bar {
+            height: 8px;
+            border-radius: 4px;
+            background: linear-gradient(90deg, #6e8efb, #a777e3);
+            transition: width 0.5s ease;
+        }
+        .textarea-container {
+            position: relative;
+        }
+        .word-count {
+            position: absolute;
+            bottom: 10px;
+            right: 10px;
+            background: rgba(255, 255, 255, 0.8);
+            padding: 2px 8px;
+            border-radius: 10px;
+            font-size: 12px;
+            color: #555;
+        }
+        .tooltip {
+            position: relative;
+            display: inline-block;
+        }
+        .tooltip .tooltip-text {
+            visibility: hidden;
+            width: 200px;
+            background-color: #555;
+            color: #fff;
+            text-align: center;
+            border-radius: 6px;
+            padding: 8px;
+            position: absolute;
+            z-index: 1;
+            bottom: 125%;
+            left: 50%;
+            margin-left: -100px;
+            opacity: 0;
+            transition: opacity 0.3s;
+        }
+        .tooltip:hover .tooltip-text {
+            visibility: visible;
+            opacity: 1;
+        }
+    </style>
+</head>
+<body class="bg-gray-50 min-h-screen">
+    <div class="gradient-bg py-4 px-6 shadow-lg">
+        <div class="container mx-auto flex justify-between items-center">
+            <div class="flex items-center">
+                <i class="fas fa-robot text-white text-2xl mr-3"></i>
+                <h1 class="text-white text-2xl font-bold">AI Content Detector <span class="font-normal">+ Humanizer</span></h1>
+            </div>
+            <div class="text-white text-sm">
+                <span class="font-semibold">Powered by</span> <span class="font-bold">DeepSeek</span>
+            </div>
+        </div>
+    </div>
+    <div class="container mx-auto px-4 py-8">
+        <div class="bg-white rounded-xl shadow-lg overflow-hidden mb-8">
+            <div class="p-6">
+                <h2 class="text-2xl font-bold text-gray-800 mb-4">Detect AI-generated content and transform it into natural human-like text</h2>
+                <p class="text-gray-600 mb-6">Paste your text below to analyze its AI probability and humanize it for better engagement.</p>
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                    <div class="textarea-container">
+                        <label for="input-text" class="block text-sm font-medium text-gray-700 mb-2">Enter your text to analyze</label>
+                        <textarea id="input-text" rows="12" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500 transition" placeholder="Paste your content here..."></textarea>
+                        <div class="word-count" id="word-count">0 words</div>
+                    </div>
+                    <div>
+                        <div class="result-box bg-gray-50 border border-gray-200 rounded-lg p-6 h-full">
+                            <div class="flex justify-between items-center mb-4">
+                                <h3 class="text-lg font-semibold text-gray-800">Analysis Results</h3>
+                                <span class="text-xs bg-gray-200 px-2 py-1 rounded-full">Powered by DeepSeek</span>
+                            </div>
+                            <div id="results-placeholder" class="text-center py-10">
+                                <i class="fas fa-search text-gray-300 text-4xl mb-3"></i>
+                                <p class="text-gray-400">Results will appear here after analysis</p>
+                            </div>
+                            <div id="results-container" class="hidden">
+                                <div class="mb-6">
+                                    <div class="flex justify-between items-center mb-2">
+                                        <span class="text-sm font-medium text-gray-700">AI Probability</span>
+                                        <span id="ai-percentage" class="text-sm font-bold text-purple-600">0%</span>
+                                    </div>
+                                    <div class="w-full bg-gray-200 rounded-full h-2">
+                                        <div id="ai-progress" class="progress-bar h-2 rounded-full" style="width: 0%"></div>
+                                    </div>
+                                    <p id="ai-verdict" class="text-sm text-gray-500 mt-2"></p>
+                                </div>
+                                <div class="mb-6">
+                                    <h4 class="text-sm font-medium text-gray-700 mb-2">Humanized Version</h4>
+                                    <div id="humanized-text" class="bg-white border border-gray-200 rounded-lg p-4 text-gray-700"></div>
+                                    <button id="copy-btn" class="mt-3 px-4 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition flex items-center">
+                                        <i class="fas fa-copy mr-2"></i> Copy Text
+                                    </button>
+                                </div>
+                                <div class="bg-blue-50 border-l-4 border-blue-400 p-4">
+                                    <div class="flex">
+                                        <div class="flex-shrink-0">
+                                            <i class="fas fa-lightbulb text-blue-400"></i>
+                                        </div>
+                                        <div class="ml-3">
+                                            <p class="text-sm text-blue-700">
+                                                <span class="font-semibold">Tip:</span> The humanizer adds natural variations, idioms, and conversational elements to make text sound more authentic.
+                                            </p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="mt-6 flex flex-wrap gap-3">
+                    <button id="analyze-btn" class="px-6 py-3 bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition font-medium flex items-center">
+                        <i class="fas fa-search mr-2"></i> Analyze for AI Content
+                    </button>
+                    <button id="humanize-btn" class="px-6 py-3 bg-green-600 text-white rounded-lg hover:bg-green-700 transition font-medium flex items-center">
+                        <i class="fas fa-magic mr-2"></i> Humanize Text
+                    </button>
+                    <button id="clear-btn" class="px-6 py-3 bg-gray-200 text-gray-700 rounded-lg hover:bg-gray-300 transition font-medium flex items-center">
+                        <i class="fas fa-trash-alt mr-2"></i> Clear All
+                    </button>
+                    <div class="tooltip ml-auto">
+                        <button class="px-4 py-3 bg-gray-100 text-gray-600 rounded-lg hover:bg-gray-200 transition">
+                            <i class="fas fa-question-circle"></i>
+                        </button>
+                        <span class="tooltip-text">Our AI detector analyzes linguistic patterns, word choice, and sentence structure to determine AI probability. The humanizer adds natural variations to make text sound more authentic.</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
+            <div class="result-box bg-white border border-gray-200 rounded-lg p-6 hover:shadow-md transition">
+                <div class="text-purple-500 mb-3">
+                    <i class="fas fa-shield-alt text-2xl"></i>
+                </div>
+                <h3 class="text-lg font-semibold text-gray-800 mb-2">Advanced Detection</h3>
+                <p class="text-gray-600">Identifies content from GPT-4, Claude, Gemini, and other leading AI models with high accuracy.</p>
+            </div>
+            <div class="result-box bg-white border border-gray-200 rounded-lg p-6 hover:shadow-md transition">
+                <div class="text-green-500 mb-3">
+                    <i class="fas fa-user-edit text-2xl"></i>
+                </div>
+                <h3 class="text-lg font-semibold text-gray-800 mb-2">Human-like Rewriting</h3>
+                <p class="text-gray-600">Transforms robotic text into natural human writing while preserving the original meaning.</p>
+            </div>
+            <div class="result-box bg-white border border-gray-200 rounded-lg p-6 hover:shadow-md transition">
+                <div class="text-blue-500 mb-3">
+                    <i class="fas fa-tachometer-alt text-2xl"></i>
+                </div>
+                <h3 class="text-lg font-semibold text-gray-800 mb-2">Real-time Analysis</h3>
+                <p class="text-gray-600">Get instant results with our powerful DeepSeek AI engine processing your text.</p>
+            </div>
+        </div>
+        <div class="bg-white rounded-xl shadow-lg overflow-hidden">
+            <div class="p-6">
+                <h2 class="text-xl font-bold text-gray-800 mb-4">How It Works</h2>
+                <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
+                    <div class="flex flex-col items-center text-center p-4">
+                        <div class="w-12 h-12 bg-purple-100 rounded-full flex items-center justify-center mb-3">
+                            <i class="fas fa-paste text-purple-600"></i>
+                        </div>
+                        <h3 class="font-medium text-gray-800 mb-1">Paste Text</h3>
+                        <p class="text-sm text-gray-600">Copy and paste your content into the input box</p>
+                    </div>
+                    <div class="flex flex-col items-center text-center p-4">
+                        <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mb-3">
+                            <i class="fas fa-search text-blue-600"></i>
+                        </div>
+                        <h3 class="font-medium text-gray-800 mb-1">Analyze</h3>
+                        <p class="text-sm text-gray-600">Click "Analyze" to detect AI probability</p>
+                    </div>
+                    <div class="flex flex-col items-center text-center p-4">
+                        <div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center mb-3">
+                            <i class="fas fa-magic text-green-600"></i>
+                        </div>
+                        <h3 class="font-medium text-gray-800 mb-1">Humanize</h3>
+                        <p class="text-sm text-gray-600">Click "Humanize" to rewrite for authenticity</p>
+                    </div>
+                    <div class="flex flex-col items-center text-center p-4">
+                        <div class="w-12 h-12 bg-yellow-100 rounded-full flex items-center justify-center mb-3">
+                            <i class="fas fa-clipboard-check text-yellow-600"></i>
+                        </div>
+                        <h3 class="font-medium text-gray-800 mb-1">Use Content</h3>
+                        <p class="text-sm text-gray-600">Copy the humanized version for your needs</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <footer class="bg-gray-800 text-white py-8">
+        <div class="container mx-auto px-4">
+            <div class="flex flex-col md:flex-row justify-between items-center">
+                <div class="mb-4 md:mb-0">
+                    <div class="flex items-center">
+                        <i class="fas fa-robot text-purple-400 text-xl mr-2"></i>
+                        <span class="text-xl font-bold">AI Content Detector <span class="font-normal">+ Humanizer</span></span>
+                    </div>
+                    <p class="text-gray-400 text-sm mt-1">Powered by DeepSeek AI Technology</p>
+                </div>
+                <div class="flex space-x-6">
+                    <a href="#" class="text-gray-300 hover:text-white transition">
+                        <i class="fab fa-wordpress"></i>
+                    </a>
+                    <a href="#" class="text-gray-300 hover:text-white transition">
+                        <i class="fas fa-question-circle"></i>
+                    </a>
+                    <a href="#" class="text-gray-300 hover:text-white transition">
+                        <i class="fas fa-envelope"></i>
+                    </a>
+                </div>
+            </div>
+            <div class="border-t border-gray-700 mt-6 pt-6 text-center text-gray-400 text-sm">
+                <p>© 2023 AI Content Detector + Humanizer. All rights reserved.</p>
+            </div>
+        </div>
+    </footer>
+    <script>
+        document.addEventListener('DOMContentLoaded', function() {
+            const inputText = document.getElementById('input-text');
+            const wordCount = document.getElementById('word-count');
+            const analyzeBtn = document.getElementById('analyze-btn');
+            const humanizeBtn = document.getElementById('humanize-btn');
+            const clearBtn = document.getElementById('clear-btn');
+            const copyBtn = document.getElementById('copy-btn');
+            const resultsPlaceholder = document.getElementById('results-placeholder');
+            const resultsContainer = document.getElementById('results-container');
+            const aiPercentage = document.getElementById('ai-percentage');
+            const aiProgress = document.getElementById('ai-progress');
+            const aiVerdict = document.getElementById('ai-verdict');
+            const humanizedText = document.getElementById('humanized-text');
+            // Update word count
+            inputText.addEventListener('input', function() {
+                const text = inputText.value.trim();
+                const words = text ? text.split(/\s+/).length : 0;
+                wordCount.textContent = `${words} words`;
+            });
+            // Analyze button click
+            analyzeBtn.addEventListener('click', function() {
+                const text = inputText.value.trim();
+                if (!text) {
+                    alert('Please enter some text to analyze');
+                    return;
+                }
+                // Show loading state
+                analyzeBtn.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> Analyzing...';
+                analyzeBtn.disabled = true;
+                // Simulate API call with timeout
+                setTimeout(function() {
+                    // Calculate random AI probability (for demo)
+                    const aiProbability = Math.min(Math.floor(Math.random() * 100), 95);
+                    // Update UI
+                    aiPercentage.textContent = `${aiProbability}%`;
+                    aiProgress.style.width = `${aiProbability}%`;
+                    // Set verdict text
+                    if (aiProbability < 30) {
+                        aiVerdict.textContent = "This text appears to be mostly human-written with minimal AI influence.";
+                    } else if (aiProbability < 70) {
+                        aiVerdict.textContent = "This text shows signs of AI assistance but has some human elements.";
+                    } else {
+                        aiVerdict.textContent = "This text is highly likely to be AI-generated based on our analysis.";
+                    }
+                    // Show results
+                    resultsPlaceholder.classList.add('hidden');
+                    resultsContainer.classList.remove('hidden');
+                    // Reset button
+                    analyzeBtn.innerHTML = '<i class="fas fa-search mr-2"></i> Analyze for AI Content';
+                    analyzeBtn.disabled = false;
+                }, 1500);
+            });
+            // Humanize button click
+            humanizeBtn.addEventListener('click', function() {
+                const text = inputText.value.trim();
+                if (!text) {
+                    alert('Please enter some text to humanize');
+                    return;
+                }
+                // Show loading state
+                humanizeBtn.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> Humanizing...';
+                humanizeBtn.disabled = true;
+                // Simulate API call with timeout
+                setTimeout(function() {
+                    // Create a humanized version (for demo)
+                    const humanized = humanizeText(text);
+                    // Update UI
+                    humanizedText.textContent = humanized;
+                    // Show results if not already shown
+                    resultsPlaceholder.classList.add('hidden');
+                    resultsContainer.classList.remove('hidden');
+                    // Reset button
+                    humanizeBtn.innerHTML = '<i class="fas fa-magic mr-2"></i> Humanize Text';
+                    humanizeBtn.disabled = false;
+                }, 2000);
+            });
+            // Clear button click
+            clearBtn.addEventListener('click', function() {
+                inputText.value = '';
+                wordCount.textContent = '0 words';
+                resultsPlaceholder.classList.remove('hidden');
+                resultsContainer.classList.add('hidden');
+            });
+            // Copy button click
+            copyBtn.addEventListener('click', function() {
+                const textToCopy = humanizedText.textContent;
+                if (!textToCopy) return;
+                navigator.clipboard.writeText(textToCopy).then(function() {
+                    // Change button temporarily
+                    const originalText = copyBtn.innerHTML;
+                    copyBtn.innerHTML = '<i class="fas fa-check mr-2"></i> Copied!';
+                    copyBtn.classList.remove('bg-purple-600', 'hover:bg-purple-700');
+                    copyBtn.classList.add('bg-green-600', 'hover:bg-green-700');
+                    setTimeout(function() {
+                        copyBtn.innerHTML = originalText;
+                        copyBtn.classList.remove('bg-green-600', 'hover:bg-green-700');
+                        copyBtn.classList.add('bg-purple-600', 'hover:bg-purple-700');
+                    }, 2000);
+                });
+            });
+            // Simple text humanizer (for demo purposes)
+            function humanizeText(text) {
+                // These are just simple replacements for demonstration
+                // A real implementation would use more sophisticated NLP techniques
+                const replacements = {
+                    "utilize": "use",
+                    "in order to": "to",
+                    "due to the fact that": "because",
+                    "at this point in time": "now",
+                    "commence": "start",
+                    "terminate": "end",
+                    "individual": "person",
+                    "facilitate": "help",
+                    "optimal": "best",
+                    "utilization": "use",
+                    "prior to": "before",
+                    "subsequent to": "after",
+                    "in the event that": "if",
+                    "with regard to": "about",
+                    "it is important to note that": "",
+                    "as a matter of fact": "actually",
+                    "in light of the fact that": "since"
+                };
+                // Add some natural variations
+                const variations = [
+                    "You know,",
+                    "Actually,",
+                    "Well,",
+                    "I mean,",
+                    "Basically,",
+                    "So,",
+                    "Anyway,",
+                    "Like,",
+                    "Right?"
+                ];
+                // Add some filler words occasionally
+                const fillers = ["uh", "um", "ah", "er", "hmm"];
+                // Process the text
+                let result = text;
+                // Replace formal words
+                for (const [formal, casual] of Object.entries(replacements)) {
+                    const regex = new RegExp(`\\b${formal}\\b`, 'gi');
+                    result = result.replace(regex, casual);
+                }
+                // Shorten some sentences
+                result = result.replace(/\. ([A-Z][a-z]+)/g, function(match, p1) {
+                    // 30% chance to add a filler word
+                    if (Math.random() < 0.3) {
+                        return `. ${fillers[Math.floor(Math.random() * fillers.length)]}... ${p1}`;
+                    }
+                    // 20% chance to add a variation
+                    if (Math.random() < 0.2) {
+                        return `. ${variations[Math.floor(Math.random() * variations.length)]} ${p1}`;
+                    }
+                    return match;
+                });
+                // Add some contractions
+                result = result.replace(/\bdo not\b/gi, "don't")
+                    .replace(/\bdoes not\b/gi, "doesn't")
+                    .replace(/\bis not\b/gi, "isn't")
+                    .replace(/\bare not\b/gi, "aren't")
+                    .replace(/\bwas not\b/gi, "wasn't")
+                    .replace(/\bwere not\b/gi, "weren't")
+                    .replace(/\bhave not\b/gi, "haven't")
+                    .replace(/\bhas not\b/gi, "hasn't")
+                    .replace(/\bhad not\b/gi, "hadn't")
+                    .replace(/\bwill not\b/gi, "won't")
+                    .replace(/\bwould not\b/gi, "wouldn't")
+                    .replace(/\bcan not\b/gi, "can't")
+                    .replace(/\bcould not\b/gi, "couldn't")
+                    .replace(/\bshould not\b/gi, "shouldn't")
+                    .replace(/\bmust not\b/gi, "mustn't")
+                    .replace(/\bmight not\b/gi, "mightn't")
+                    .replace(/\bcannot\b/gi, "can't")
+                    .replace(/\bI am\b/gi, "I'm")
+                    .replace(/\byou are\b/gi, "you're")
+                    .replace(/\bhe is\b/gi, "he's")
+                    .replace(/\bshe is\b/gi, "she's")
+                    .replace(/\bit is\b/gi, "it's")
+                    .replace(/\bwe are\b/gi, "we're")
+                    .replace(/\bthey are\b/gi, "they're");
+                // Add some personality
+                if (Math.random() < 0.5) {
+                    const sentences = result.split('. ');
+                    if (sentences.length > 1) {
+                        const randomIndex = Math.floor(Math.random() * (sentences.length - 1)) + 1;
+                        sentences[randomIndex] = variations[Math.floor(Math.random() * variations.length)] + " " + sentences[randomIndex];
+                        result = sentences.join('. ');
+                    }
+                }
+                return result;
+            }
+        });
+    </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=SyedomarAli/wordpress-site" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

	@@ -0,0 +1 @@


1	+ create a wordpress tool AI Content Detector + Humanizer Detect AI-generated content and transform it into natural human-like text POWERED BY DEEPSEEK