Spaces:

docto41
/

system-correction

Running

App Files Files Community

docto41 commited on May 4, 2025

Commit

0078a91

verified ·

1 Parent(s): 57ec99d

Add 2 files

Browse files

Files changed (2) hide show

index.html +219 -44
prompts.txt +3 -1

index.html CHANGED Viewed

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -31,6 +31,12 @@
             padding: 0 2px;
             border-radius: 2px;
         }
     </style>
 </head>
 <body class="font-sans bg-gray-50 min-h-screen">
@@ -41,10 +47,10 @@
                 <h1 class="text-2xl font-bold">System<span class="text-yellow-300">Correction</span></h1>
             </div>
             <div class="flex space-x-4">
-                <button class="bg-white text-purple-600 px-4 py-2 rounded-full font-medium hover:bg-purple-100 smooth-transition">
                     <i class="fas fa-user mr-2"></i>Login
                 </button>
-                <button class="bg-yellow-400 text-purple-800 px-4 py-2 rounded-full font-medium hover:bg-yellow-300 smooth-transition">
                     <i class="fas fa-rocket mr-2"></i>Get Started
                 </button>
             </div>
@@ -58,10 +64,10 @@
                 <div class="flex justify-between items-center mb-6">
                     <h2 class="text-xl font-semibold text-gray-800">Input Text for Correction</h2>
                     <div class="flex space-x-2">
-                        <button class="bg-blue-100 text-blue-600 p-2 rounded-lg hover:bg-blue-200 smooth-transition" title="Clear">
                             <i class="fas fa-trash-alt"></i>
                         </button>
-                        <button class="bg-green-100 text-green-600 p-2 rounded-lg hover:bg-green-200 smooth-transition" title="Sample Text">
                             <i class="fas fa-lightbulb"></i>
                         </button>
                     </div>
@@ -72,16 +78,16 @@
                 </div>
                 <div class="flex flex-wrap gap-3 mb-4">
-                    <button class="bg-blue-500 text-white px-4 py-2 rounded-lg hover:bg-blue-600 smooth-transition flex items-center">
                         <i class="fas fa-magic mr-2"></i> Auto Correct
                     </button>
-                    <button class="bg-purple-500 text-white px-4 py-2 rounded-lg hover:bg-purple-600 smooth-transition flex items-center">
                         <i class="fas fa-spell-check mr-2"></i> Grammar Check
                     </button>
-                    <button class="bg-green-500 text-white px-4 py-2 rounded-lg hover:bg-green-600 smooth-transition flex items-center">
                         <i class="fas fa-robot mr-2"></i> AI Enhance
                     </button>
-                    <button class="bg-gray-200 text-gray-700 px-4 py-2 rounded-lg hover:bg-gray-300 smooth-transition flex items-center">
                         <i class="fas fa-language mr-2"></i> Translate
                     </button>
                 </div>
@@ -145,16 +151,16 @@
                     <div class="bg-gray-50 p-4 rounded-lg">
                         <h3 class="font-medium text-gray-800 mb-3">Quick Actions</h3>
                         <div class="grid grid-cols-2 gap-2">
-                            <button class="bg-white border border-gray-200 text-gray-700 px-3 py-2 rounded-lg text-sm hover:bg-gray-100 smooth-transition flex items-center justify-center">
                                 <i class="fas fa-copy mr-2"></i> Copy
                             </button>
-                            <button class="bg-white border border-gray-200 text-gray-700 px-3 py-2 rounded-lg text-sm hover:bg-gray-100 smooth-transition flex items-center justify-center">
                                 <i class="fas fa-download mr-2"></i> Export
                             </button>
-                            <button class="bg-white border border-gray-200 text-gray-700 px-3 py-2 rounded-lg text-sm hover:bg-gray-100 smooth-transition flex items-center justify-center">
                                 <i class="fas fa-history mr-2"></i> History
                             </button>
-                            <button class="bg-white border border-gray-200 text-gray-700 px-3 py-2 rounded-lg text-sm hover:bg-gray-100 smooth-transition flex items-center justify-center">
                                 <i class="fas fa-cog mr-2"></i> Settings
                             </button>
                         </div>
@@ -169,7 +175,7 @@
                 <h2 class="text-xl font-semibold text-gray-800">Correction Results</h2>
                 <div class="flex items-center space-x-2">
                     <span class="text-sm text-gray-500">Processing time: <span id="processingTime" class="font-medium">0.45s</span></span>
-                    <button class="bg-gray-100 text-gray-600 p-2 rounded-lg hover:bg-gray-200 smooth-transition">
                         <i class="fas fa-redo"></i>
                     </button>
                 </div>
@@ -217,10 +223,10 @@
             </div>
             <div class="mt-6 flex justify-end space-x-3">
-                <button class="bg-gray-200 text-gray-700 px-4 py-2 rounded-lg hover:bg-gray-300 smooth-transition">
                     Discard Changes
                 </button>
-                <button class="gradient-bg text-white px-6 py-2 rounded-lg font-medium hover:opacity-90 smooth-transition">
                     Apply Corrections
                 </button>
             </div>
@@ -289,8 +295,8 @@
                     <h3 class="text-lg font-semibold mb-4">Subscribe</h3>
                     <p class="text-gray-400 mb-4">Stay updated with our latest features and updates.</p>
                     <div class="flex">
-                        <input type="email" placeholder="Your email" class="px-4 py-2 rounded-l-lg focus:outline-none text-gray-800 w-full">
-                        <button class="bg-blue-500 text-white px-4 py-2 rounded-r-lg hover:bg-blue-600 smooth-transition">
                             <i class="fas fa-paper-plane"></i>
                         </button>
                     </div>
@@ -310,6 +316,7 @@
     <script>
         document.addEventListener('DOMContentLoaded', function() {
             const inputText = document.getElementById('inputText');
             const processBtn = document.getElementById('processBtn');
             const resultsSection = document.getElementById('resultsSection');
@@ -325,7 +332,26 @@
             const processingTime = document.getElementById('processingTime');
             const correctionsDetails = document.getElementById('correctionsDetails');
-            // Sample suggestions data
             const sampleSuggestions = [
                 "Consider varying sentence length for better readability",
                 "Potential passive voice detected (3 instances)",
@@ -334,7 +360,6 @@
                 "3 instances of repetitive word usage"
             ];
-            // Sample corrections data
             const sampleCorrections = [
                 {
                     type: "Grammar",
@@ -363,7 +388,125 @@
             ];
             // Update character count in real-time
-            inputText.addEventListener('input', function() {
                 const text = inputText.value;
                 const count = text.length;
                 charCount.textContent = count;
@@ -402,10 +545,21 @@
                         </li>
                     `;
                 }
-            });
-            // Process button click handler
-            processBtn.addEventListener('click', function() {
                 const text = inputText.value.trim();
                 if (text.length === 0) {
@@ -462,29 +616,50 @@
                     // Scroll to results
                     resultsSection.scrollIntoView({ behavior: 'smooth' });
                 }, 1500);
-            });
-            // Sample text button
-            document.querySelector('[title="Sample Text"]').addEventListener('click', function() {
-                const sampleText = `The quick brown fox jumps over the lazy dog. However we must consider that recieve is often misspelled. You was probably not aware of this common mistake. There is a lot of examples that could be used to demonstrate the power of this system.`;
-                inputText.value = sampleText;
-                // Trigger input event to update stats
-                const event = new Event('input');
-                inputText.dispatchEvent(event);
-            });
-            // Clear button
-            document.querySelector('[title="Clear"]').addEventListener('click', function() {
-                inputText.value = '';
-                // Trigger input event to update stats
-                const event = new Event('input');
-                inputText.dispatchEvent(event);
-                // Hide results if visible
-                resultsSection.classList.add('hidden');
-            });
         });
     </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=docto41/system-correction" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>

 <!DOCTYPE html>
+<html lang="fr">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
             padding: 0 2px;
             border-radius: 2px;
         }
+        .blink {
+            animation: blink 1s step-start infinite;
+        }
+        @keyframes blink {
+            50% { opacity: 0; }
+        }
     </style>
 </head>
 <body class="font-sans bg-gray-50 min-h-screen">
                 <h1 class="text-2xl font-bold">System<span class="text-yellow-300">Correction</span></h1>
             </div>
             <div class="flex space-x-4">
+                <button id="loginBtn" class="bg-white text-purple-600 px-4 py-2 rounded-full font-medium hover:bg-purple-100 smooth-transition">
                     <i class="fas fa-user mr-2"></i>Login
                 </button>
+                <button id="getStartedBtn" class="bg-yellow-400 text-purple-800 px-4 py-2 rounded-full font-medium hover:bg-yellow-300 smooth-transition">
                     <i class="fas fa-rocket mr-2"></i>Get Started
                 </button>
             </div>
                 <div class="flex justify-between items-center mb-6">
                     <h2 class="text-xl font-semibold text-gray-800">Input Text for Correction</h2>
                     <div class="flex space-x-2">
+                        <button id="clearBtn" class="bg-blue-100 text-blue-600 p-2 rounded-lg hover:bg-blue-200 smooth-transition" title="Clear">
                             <i class="fas fa-trash-alt"></i>
                         </button>
+                        <button id="sampleTextBtn" class="bg-green-100 text-green-600 p-2 rounded-lg hover:bg-green-200 smooth-transition" title="Sample Text">
                             <i class="fas fa-lightbulb"></i>
                         </button>
                     </div>
                 </div>
                 <div class="flex flex-wrap gap-3 mb-4">
+                    <button id="autoCorrectBtn" class="bg-blue-500 text-white px-4 py-2 rounded-lg hover:bg-blue-600 smooth-transition flex items-center">
                         <i class="fas fa-magic mr-2"></i> Auto Correct
                     </button>
+                    <button id="grammarCheckBtn" class="bg-purple-500 text-white px-4 py-2 rounded-lg hover:bg-purple-600 smooth-transition flex items-center">
                         <i class="fas fa-spell-check mr-2"></i> Grammar Check
                     </button>
+                    <button id="aiEnhanceBtn" class="bg-green-500 text-white px-4 py-2 rounded-lg hover:bg-green-600 smooth-transition flex items-center">
                         <i class="fas fa-robot mr-2"></i> AI Enhance
                     </button>
+                    <button id="translateBtn" class="bg-gray-200 text-gray-700 px-4 py-2 rounded-lg hover:bg-gray-300 smooth-transition flex items-center">
                         <i class="fas fa-language mr-2"></i> Translate
                     </button>
                 </div>
                     <div class="bg-gray-50 p-4 rounded-lg">
                         <h3 class="font-medium text-gray-800 mb-3">Quick Actions</h3>
                         <div class="grid grid-cols-2 gap-2">
+                            <button id="copyBtn" class="bg-white border border-gray-200 text-gray-700 px-3 py-2 rounded-lg text-sm hover:bg-gray-100 smooth-transition flex items-center justify-center">
                                 <i class="fas fa-copy mr-2"></i> Copy
                             </button>
+                            <button id="exportBtn" class="bg-white border border-gray-200 text-gray-700 px-3 py-2 rounded-lg text-sm hover:bg-gray-100 smooth-transition flex items-center justify-center">
                                 <i class="fas fa-download mr-2"></i> Export
                             </button>
+                            <button id="historyBtn" class="bg-white border border-gray-200 text-gray-700 px-3 py-2 rounded-lg text-sm hover:bg-gray-100 smooth-transition flex items-center justify-center">
                                 <i class="fas fa-history mr-2"></i> History
                             </button>
+                            <button id="settingsBtn" class="bg-white border border-gray-200 text-gray-700 px-3 py-2 rounded-lg text-sm hover:bg-gray-100 smooth-transition flex items-center justify-center">
                                 <i class="fas fa-cog mr-2"></i> Settings
                             </button>
                         </div>
                 <h2 class="text-xl font-semibold text-gray-800">Correction Results</h2>
                 <div class="flex items-center space-x-2">
                     <span class="text-sm text-gray-500">Processing time: <span id="processingTime" class="font-medium">0.45s</span></span>
+                    <button id="refreshBtn" class="bg-gray-100 text-gray-600 p-2 rounded-lg hover:bg-gray-200 smooth-transition">
                         <i class="fas fa-redo"></i>
                     </button>
                 </div>
             </div>
             <div class="mt-6 flex justify-end space-x-3">
+                <button id="discardBtn" class="bg-gray-200 text-gray-700 px-4 py-2 rounded-lg hover:bg-gray-300 smooth-transition">
                     Discard Changes
                 </button>
+                <button id="applyCorrectionsBtn" class="gradient-bg text-white px-6 py-2 rounded-lg font-medium hover:opacity-90 smooth-transition">
                     Apply Corrections
                 </button>
             </div>
                     <h3 class="text-lg font-semibold mb-4">Subscribe</h3>
                     <p class="text-gray-400 mb-4">Stay updated with our latest features and updates.</p>
                     <div class="flex">
+                        <input id="subscribeEmail" type="email" placeholder="Your email" class="px-4 py-2 rounded-l-lg focus:outline-none text-gray-800 w-full">
+                        <button id="subscribeBtn" class="bg-blue-500 text-white px-4 py-2 rounded-r-lg hover:bg-blue-600 smooth-transition">
                             <i class="fas fa-paper-plane"></i>
                         </button>
                     </div>
     <script>
         document.addEventListener('DOMContentLoaded', function() {
+            // Elements
             const inputText = document.getElementById('inputText');
             const processBtn = document.getElementById('processBtn');
             const resultsSection = document.getElementById('resultsSection');
             const processingTime = document.getElementById('processingTime');
             const correctionsDetails = document.getElementById('correctionsDetails');
+            // Buttons
+            const loginBtn = document.getElementById('loginBtn');
+            const getStartedBtn = document.getElementById('getStartedBtn');
+            const clearBtn = document.getElementById('clearBtn');
+            const sampleTextBtn = document.getElementById('sampleTextBtn');
+            const autoCorrectBtn = document.getElementById('autoCorrectBtn');
+            const grammarCheckBtn = document.getElementById('grammarCheckBtn');
+            const aiEnhanceBtn = document.getElementById('aiEnhanceBtn');
+            const translateBtn = document.getElementById('translateBtn');
+            const copyBtn = document.getElementById('copyBtn');
+            const exportBtn = document.getElementById('exportBtn');
+            const historyBtn = document.getElementById('historyBtn');
+            const settingsBtn = document.getElementById('settingsBtn');
+            const refreshBtn = document.getElementById('refreshBtn');
+            const discardBtn = document.getElementById('discardBtn');
+            const applyCorrectionsBtn = document.getElementById('applyCorrectionsBtn');
+            const subscribeBtn = document.getElementById('subscribeBtn');
+            const subscribeEmail = document.getElementById('subscribeEmail');
+            // Sample data
             const sampleSuggestions = [
                 "Consider varying sentence length for better readability",
                 "Potential passive voice detected (3 instances)",
                 "3 instances of repetitive word usage"
             ];
             const sampleCorrections = [
                 {
                     type: "Grammar",
             ];
             // Update character count in real-time
+            inputText.addEventListener('input', updateTextStats);
+            // Button event listeners
+            loginBtn.addEventListener('click', () => {
+                alert('Login functionality would be implemented here');
+            });
+            getStartedBtn.addEventListener('click', () => {
+                alert('Get Started - Redirect to documentation or tutorial');
+            });
+            clearBtn.addEventListener('click', clearInput);
+            sampleTextBtn.addEventListener('click', insertSampleText);
+            autoCorrectBtn.addEventListener('click', () => {
+                if (inputText.value.trim()) {
+                    alert('Auto Correct feature would be implemented here');
+                    // For demo purposes, we'll just process the text
+                    processText();
+                } else {
+                    alert('Please enter some text first');
+                }
+            });
+            grammarCheckBtn.addEventListener('click', () => {
+                if (inputText.value.trim()) {
+                    alert('Grammar Check feature would be implemented here');
+                    // For demo purposes, we'll just process the text
+                    processText();
+                } else {
+                    alert('Please enter some text first');
+                }
+            });
+            aiEnhanceBtn.addEventListener('click', () => {
+                if (inputText.value.trim()) {
+                    alert('AI Enhance feature would be implemented here');
+                    // For demo purposes, we'll just process the text
+                    processText();
+                } else {
+                    alert('Please enter some text first');
+                }
+            });
+            translateBtn.addEventListener('click', () => {
+                if (inputText.value.trim()) {
+                    alert('Translate feature would be implemented here');
+                    // For demo purposes, we'll just process the text
+                    processText();
+                } else {
+                    alert('Please enter some text first');
+                }
+            });
+            copyBtn.addEventListener('click', copyText);
+            exportBtn.addEventListener('click', () => {
+                if (inputText.value.trim()) {
+                    alert('Export feature would be implemented here');
+                    // For demo purposes, we'll create a download link
+                    const text = inputText.value;
+                    const blob = new Blob([text], {type: 'text/plain'});
+                    const url = URL.createObjectURL(blob);
+                    const a = document.createElement('a');
+                    a.href = url;
+                    a.download = 'corrected-text.txt';
+                    document.body.appendChild(a);
+                    a.click();
+                    document.body.removeChild(a);
+                    URL.revokeObjectURL(url);
+                } else {
+                    alert('No text to export');
+                }
+            });
+            historyBtn.addEventListener('click', () => {
+                alert('History feature would be implemented here');
+            });
+            settingsBtn.addEventListener('click', () => {
+                alert('Settings panel would be shown here');
+            });
+            processBtn.addEventListener('click', processText);
+            refreshBtn.addEventListener('click', () => {
+                if (inputText.value.trim()) {
+                    processText();
+                } else {
+                    alert('Please enter some text to process');
+                }
+            });
+            discardBtn.addEventListener('click', () => {
+                resultsSection.classList.add('hidden');
+                inputText.focus();
+            });
+            applyCorrectionsBtn.addEventListener('click', () => {
+                if (correctedText.textContent) {
+                    inputText.value = correctedText.textContent;
+                    updateTextStats();
+                    alert('Corrections applied to input text!');
+                }
+            });
+            subscribeBtn.addEventListener('click', () => {
+                const email = subscribeEmail.value.trim();
+                if (email && validateEmail(email)) {
+                    subscribeEmail.value = '';
+                    alert(`Thank you for subscribing with ${email}!`);
+                } else {
+                    alert('Please enter a valid email address');
+                }
+            });
+            // Functions
+            function updateTextStats() {
                 const text = inputText.value;
                 const count = text.length;
                 charCount.textContent = count;
                         </li>
                     `;
                 }
+            }
+            function clearInput() {
+                inputText.value = '';
+                updateTextStats();
+                resultsSection.classList.add('hidden');
+            }
+            function insertSampleText() {
+                const sampleText = `The quick brown fox jumps over the lazy dog. However we must consider that recieve is often misspelled. You was probably not aware of this common mistake. There is a lot of examples that could be used to demonstrate the power of this system.`;
+                inputText.value = sampleText;
+                updateTextStats();
+            }
+            function processText() {
                 const text = inputText.value.trim();
                 if (text.length === 0) {
                     // Scroll to results
                     resultsSection.scrollIntoView({ behavior: 'smooth' });
                 }, 1500);
+            }
+            function copyText() {
+                if (resultsSection.classList.contains('hidden')) {
+                    // Copy input text if results aren't shown
+                    if (inputText.value.trim()) {
+                        inputText.select();
+                        document.execCommand('copy');
+                        showCopyFeedback(inputText);
+                    } else {
+                        alert('No text to copy');
+                    }
+                } else {
+                    // Copy corrected text if results are shown
+                    if (correctedText.textContent.trim()) {
+                        const range = document.createRange();
+                        range.selectNode(correctedText);
+                        window.getSelection().removeAllRanges();
+                        window.getSelection().addRange(range);
+                        document.execCommand('copy');
+                        window.getSelection().removeAllRanges();
+                        showCopyFeedback(correctedText);
+                    }
+                }
+            }
+            function showCopyFeedback(element) {
+                const originalText = element.textContent;
+                element.textContent = 'Copied to clipboard!';
+                element.classList.add('blink');
+                setTimeout(() => {
+                    element.textContent = originalText;
+                    element.classList.remove('blink');
+                }, 1000);
+            }
+            function validateEmail(email) {
+                const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+                return re.test(email);
+            }
+            // Initialize
+            updateTextStats();
         });
     </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=docto41/system-correction" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>

prompts.txt CHANGED Viewed

	@@ -1 +1,3 @@
1	- https://huggingface.co/spaces/doctorblo/systeme-correction

+https://huggingface.co/spaces/doctorblo/systeme-correction
+aucun bouton fonctionne veuillez verifier toutes les bouton et mettre a jours
+aucun bouton fonctionne veuillez corriger les erreurs de non fonctionnement