Add 2 files

index.html

@@ -265,7 +265,7 @@
             "history1.txt": "THE LOST CITY OF ATLANTIS\n\nWhile Plato's account of Atlantis was long considered allegorical, recent underwater archaeological discoveries suggest there may be truth to the ancient tale. Marine surveys off the coast of Spain have revealed structures that match Plato's descriptions with uncanny accuracy, dating to the exact time period he mentioned...",
             "history2.txt": "DECODING THE ENIGMA\n\nThe breaking of the German Enigma code by Allied cryptanalysts during World War II was one of the most significant intelligence victories in history. This breakthrough, largely credited to Alan Turing and his team at Bletchley Park, is estimated to have shortened the war by two years and saved countless lives...",
             "tech1.txt": "ARTIFICIAL INTELLIGENCE: BEYOND THE HYPE\n\nWhile AI has dominated tech headlines, the real revolution is happening behind the scenes. From drug discovery to climate modeling, machine learning algorithms are solving problems that were previously intractable. The next decade will see AI move from narrow applications to more general intelligence, fundamentally changing how we interact with technology...",
-            "tech2.txt": "BLOCKCHAIN'S SECOND ACT\n\nAfter the cryptocurrency boom and bust, blockchain technology is finding its true calling in supply chain management, digital identity, and secure voting systems. The key innovation isn't decentralization but the creation of tamper-proof, transparent records that multiple parties can trust without a central authority...",
+            "tech2.txt": "BLOCKCHAIN'S SECOND Act\n\nAfter the cryptocurrency boom and bust, blockchain technology is finding its true calling in supply chain management, digital identity, and secure voting systems. The key innovation isn't decentralization but the creation of tamper-proof, transparent records that multiple parties can trust without a central authority...",
             "health1.txt": "THE MICROBIOME REVOLUTION\n\nResearch into the human microbiome - the trillions of bacteria living in and on our bodies - is transforming our understanding of health. These microbial communities influence everything from digestion to mental health, and personalized microbiome therapies may soon become standard medical practice...",
             "health2.txt": "MINDFULNESS IN THE DIGITAL AGE\n\nAs screen time increases and attention spans decrease, neuroscientists are documenting the benefits of mindfulness practices. Regular meditation has been shown to reduce stress, improve focus, and even increase gray matter density in brain regions associated with memory and emotional regulation...",
             "business1.txt": "2023 MARKET OUTLOOK\n\nDespite economic headwinds, several sectors show strong growth potential. Renewable energy, cybersecurity, and healthcare technology are expected to outperform, while traditional retail and commercial real estate face continued challenges. Investors should focus on companies with strong cash flows and adaptable business models...",
@@ -477,7 +477,36 @@
         function loadGeneratedContent() {
             if (!generatedTextContent) return;
             
-            teleprompterText.innerHTML = generatedTextContent;
+            // Format the generated content for teleprompter display
+            function formatTextToLines(text) {
+                const words = text.split(/\s+/);
+                const lines = [];
+                
+                for (let i = 0; i < words.length; i += 5) {
+                    const lineWords = words.slice(i, i + 5);
+                    lines.push(lineWords);
+                }
+                
+                return lines;
+            }
+            
+            let formattedContent = `<div class="text-center text-4xl font-bold mb-8 text-purple-400">Generated Content</div>`;
+            const paragraphs = generatedTextContent.split('\n\n');
+            
+            paragraphs.forEach(paragraph => {
+                const lines = formatTextToLines(paragraph);
+                lines.forEach(lineWords => {
+                    formattedContent += '<div class="word-line">';
+                    lineWords.forEach(word => {
+                        formattedContent += `<span class="word">${word}</span>`;
+                    });
+                    formattedContent += '</div>';
+                });
+                // Add extra space between paragraphs
+                formattedContent += '<div class="h-12"></div>';
+            });
+            
+            teleprompterText.innerHTML = formattedContent;
             showTeleprompterView();
         }
 
@@ -491,8 +520,16 @@
             
             // Simulate API call with timeout
             promptInput.disabled = true;
-            generatedText.innerHTML = '<div class="text-center py-8"><i class="fas fa-spinner fa-spin text-3xl text-purple-400"></i><p class="mt-4">Generating content...</p></div>';
-            generatedContent.classList.remove('hidden');
+            
+            // Show loading state in teleprompter view
+            teleprompterText.innerHTML = `
+                <div class="text-center py-20">
+                    <i class="fas fa-spinner fa-spin text-5xl text-purple-400 mb-4"></i>
+                    <p class="text-2xl">Generating content...</p>
+                </div>
+            `;
+            
+            showTeleprompterView();
             
             // In a real app, this would call the Deepseek API
             setTimeout(() => {
@@ -508,13 +545,15 @@
                     response = `${prompt.toUpperCase()}\n\nThis is a simulated response to your prompt about "${prompt}". In a real implementation, this content would be generated by the Deepseek API based on your specific request.\n\nThe generated text would typically include several paragraphs of relevant, coherent content that addresses the topic you requested. The quality and depth of the response would depend on the specificity of your prompt and the capabilities of the AI model.\n\nFor demonstration purposes, this is placeholder text that shows where the actual generated content would appear. The real implementation would connect to the API endpoint you provide to fetch dynamic, AI-generated responses.`;
                 }
                 
-                // Format the response for display
-                generatedText.innerHTML = response.replace(/\n\n/g, '<br><br>');
+                // Store the generated content
                 generatedTextContent = response;
                 
                 // Create audio (simulated - in real app would use TTS API)
                 createAudioFromText(response);
                 
+                // Format the content for teleprompter display
+                loadGeneratedContent();
+                
                 promptInput.disabled = false;
             }, 2000);
         }

prompts.txt

@@ -1 +1,2 @@
-add listen to the text ,add this (when i enter the website it will show 3 choices , read book , read article,generate text) the text and audio  of book and article it  should be in the project folder , the text as .txt , when i choose read book ,it will show a list of book categories and when i choose a categorie it will show a list of books of that categorie , the same with read article , and when i choose generate text it will show a text field where the user can write a prompt like " create an article about cyber security" and it  will generate the text using the deepseek api thatr i will procvide later and generate an audio of the text generated so when i click on listen it will start , and add back button to return to the previous page except the main page , the book and article card container should contain an image and a title
+add listen to the text ,add this (when i enter the website it will show 3 choices , read book , read article,generate text) the text and audio  of book and article it  should be in the project folder , the text as .txt , when i choose read book ,it will show a list of book categories and when i choose a categorie it will show a list of books of that categorie , the same with read article , and when i choose generate text it will show a text field where the user can write a prompt like " create an article about cyber security" and it  will generate the text using the deepseek api thatr i will procvide later and generate an audio of the text generated so when i click on listen it will start , and add back button to return to the previous page except the main page , the book and article card container should contain an image and a title
+in the genrate using ai , when  i click on genrate it should not show the Generated Content it should move directly to the Load to Teleprompter and show the Generated Content