Add 2 files

index.html

@@ -89,6 +89,8 @@
             height: 60vh;
             overflow-y: auto;
             scrollbar-width: none;
+            white-space: pre-wrap;
+            word-wrap: break-word;
         }
         
         .terminal-body::-webkit-scrollbar {
@@ -118,14 +120,14 @@
         
         .glitch::before {
             left: 2px;
-            text-shadow: -2px 0 #ff00ff;
+            text-shadow: -2px 0 #00FF00;
             clip: rect(44px, 450px, 56px, 0);
             animation: glitch-anim 5s infinite linear alternate-reverse;
         }
         
         .glitch::after {
             left: -2px;
-            text-shadow: -2px 0 #00ffff;
+            text-shadow: -2px 0 #00FF00;
             clip: rect(44px, 450px, 56px, 0);
             animation: glitch-anim2 5s infinite linear alternate-reverse;
         }
@@ -159,15 +161,18 @@
         }
         
         .command {
-            color: #00FFFF;
+            color: #00FF00;
+            font-weight: bold;
         }
         
         .file {
-            color: #FFFF00;
+            color: #00FF00;
+            font-weight: bold;
         }
         
         .year {
-            color: #FF00FF;
+            color: #00FF00;
+            font-weight: bold;
         }
         
         .value {
@@ -230,21 +235,21 @@
                 {text: "TMT_HISTORY.TXT", class: "file glitch", delay: 1000, dataText: "TMT_HISTORY.TXT"},
                 {text: "INITIALIZING TMT CORE PROTOCOLS...", class: "command", delay: 500},
                 {text: "", delay: 1000},
-                {text: "<span class='year'>YEAR 2018:</span> First traces of TMT detected in the digital ecosystem. A small group of performance hackers begins rewriting traffic acquisition algorithms.", delay: 50},
+                {text: "YEAR 2018: First traces of TMT detected in the digital ecosystem. A small group of performance hackers begins rewriting traffic acquisition algorithms.", delay: 50},
                 {text: "", delay: 500},
-                {text: "<span class='year'>YEAR 2020:</span> The collective evolves into a decentralized network. First major breakthrough - cracking the Facebook ad algorithm during pandemic market shifts.", delay: 50},
+                {text: "YEAR 2020: The collective evolves into a decentralized network. First major breakthrough - cracking the Facebook ad algorithm during pandemic market shifts.", delay: 50},
                 {text: "", delay: 500},
-                {text: "<span class='year'>YEAR 2022:</span> Full operational capacity achieved. TMT now controls traffic flows across <span class='value'>15+</span> ecosystems. <span class='value'>$1M/month</span> in managed spend becomes standard.", delay: 50},
+                {text: "YEAR 2022: Full operational capacity achieved. TMT now controls traffic flows across 15+ ecosystems. $1M/month in managed spend becomes standard.", delay: 50},
                 {text: "", delay: 1000},
-                {text: "<span class='command'>CORE VALUES:</span>", delay: 500},
-                {text: "> <span class='value'>PERFORMANCE IS TRUTH:</span> Data over opinions. We follow the numbers wherever they lead.", delay: 30},
-                {text: "> <span class='value'>ADAPT OR DIE:</span> Market conditions change hourly. Our systems evolve in real-time.", delay: 30},
-                {text: "> <span class='value'>CONTROL THE FLOW:</span> Traffic is the lifeblood of digital. We don't just buy it - we engineer it.", delay: 30},
+                {text: "CORE VALUES:", class: "command", delay: 500},
+                {text: "> PERFORMANCE IS TRUTH: Data over opinions. We follow the numbers wherever they lead.", delay: 30},
+                {text: "> ADAPT OR DIE: Market conditions change hourly. Our systems evolve in real-time.", delay: 30},
+                {text: "> CONTROL THE FLOW: Traffic is the lifeblood of digital. We don't just buy it - we engineer it.", delay: 30},
                 {text: "", delay: 1000},
-                {text: "<span class='command'>MISSION STATEMENT:</span>", delay: 500},
+                {text: "MISSION STATEMENT:", class: "command", delay: 500},
                 {text: "To dominate performance marketing through algorithmic precision, infrastructure hacking, and relentless optimization. We exist to push the boundaries of what's possible in traffic acquisition.", delay: 30},
                 {text: "", delay: 1000},
-                {text: "<span class='command'>END OF FILE</span>", delay: 1000}
+                {text: "END OF FILE", class: "command", delay: 1000}
             ];
             
             const terminalOutput = document.getElementById('terminalOutput');
@@ -264,7 +269,9 @@
                     
                     const lineElement = document.createElement('div');
                     lineElement.className = line.class || '';
-                    lineElement.innerHTML = line.text;
+                    lineElement.textContent = line.text;
+                    
+                    terminalOutput.appendChild(lineElement);
                     
                     // Add typing effect for non-empty lines
                     if (line.text) {
@@ -273,8 +280,6 @@
                         lineElement.style.whiteSpace = 'nowrap';
                         lineElement.style.width = '0';
                         
-                        terminalOutput.appendChild(lineElement);
-                        
                         const textWidth = lineElement.scrollWidth;
                         let currentWidth = 0;
                         const typingSpeed = 5; // characters per 50ms
@@ -285,6 +290,8 @@
                             
                             if (currentWidth >= textWidth) {
                                 clearInterval(typingInterval);
+                                lineElement.style.whiteSpace = 'pre-wrap';
+                                lineElement.style.width = 'auto';
                                 terminalOutput.appendChild(document.createElement('br'));
                                 i++;
                                 setTimeout(typeNextLine, line.delay);

prompts.txt

@@ -1,3 +1,4 @@
   ✅ PROMPT: TMT — Traffic Monsters Team в стиле “The Matrix”  Create a one-page cinematic landing page for Traffic Monsters Team (TMT), styled in the aesthetic of The Matrix (1999). 	•	Tone: dark, encrypted, controlled, cybernetic. 	•	No mentions of students, learning, or education. 	•	Target: partner networks, advertisers, media buying professionals, competitors.  ⸻  🧱 SITE STRUCTURE 	1.	Hero Section — Operation: Control the Flow 	•	Animated flowing green code as background (vertical streams, random symbol glitches, old CRT screen flicker). 	•	Central Title (appearing letter-by-letter): TMT — TRAFFIC MONSTERS TEAM 	•	Subtitle (typed terminal effect): Decoding the chaos. Mastering the flow. 	•	Two Buttons (glowing frame): 	•	▶️ Enter the Network (Telegram) 	•	🎞️ Watch Completed Missions (Cases) 	2.	The Origin Code — Story of TMT 	•	Title: THE ORIGIN CODE 	•	Subtitle: "Before control... there was chaos." 	•	Story Text (cinematic myth style): Once, the digital realms were wild — endless, uncontrolled, unpredictable. In 2022, a group of architects emerged. They did not seek to follow the flow — they sought to command it. Thus, the Traffic Monsters Team was born. Forged in the heart of the Data Wars, molded by broken funnels and lost offers, they built their own Matrix — a system where traffic obeys and strategies evolve. For three years, TMT has not survived the system. They have rewritten its rules. 	3.	Capabilities Block — Mastering the Systems 	•	Grid layout of capabilities: 	•	Offer Mapping 	•	Multi-channel Traffic Execution 	•	Keitaro Tracking & API Control 	•	Creative Manufacturing (UGC, Deepfakes) 	•	Funnel and App Monetization 	•	Each service visualized with terminal-style icons. 	4.	Metrics Block — Data Sovereignty 	•	Animated counters with terminal typing effect: 	•	$5M+ Traffic Processed 	•	70+ Media Operators 	•	200+ Offers Deployed 	•	15+ Traffic Sources Controlled 	5.	Case Studies — Completed Missions 	•	Horizontal carousel of case studies: 	•	Mission Name 	•	Traffic Source 	•	Offer Category 	•	Metrics (CTR, ROI, CR) 	•	Each case framed as a “declassified mission report”. 	6.	The Architect — Founder Timur 	•	Cinematic portrait of Timur with Matrix-style green glow. 	•	Short bio: Timur: Architect of Controlled Chaos. Creator of TMT. Reprogrammer of the Traffic Universe. 	•	Links: 	•	Instagram 	•	YouTube Interview 	7.	Partners and Verticals — Allies Network 	•	Black-and-white distorted logos (optional static effect). 	•	Mentioned Verticals: 	•	Gambling 	•	Nutra 	•	Betting 	•	Finance 	•	SaaS 	8.	Final Choice — Red Pill or Blue Pill (CTA) 	•	Dark background with dripping code. 	•	Text: “You are now at the crossroads. Choose wisely.” 	•	Two Buttons (pill style): 	•	🔴 Red Pill → Enter the Network (Telegram) 	•	🔵 Blue Pill → Stay in the Illusion (Return to Top) 	•	Hover Effects: 	•	Red Pill vibrates lightly. 	•	Blue Pill fades away. 	9.	Footer — System Root Signature 	•	Minimal footer: 	•	Telegram, Instagram, YouTube icons (green glow on hover). 	•	Text: © 2025 TMT — Reprogramming the Digital World. 	•	Scroll-to-top button: "Wake Up"  ⸻  🎨 VISUAL DETAILS 	•	Background: deep black (#000000) 	•	Main Color: neon green (#00FF00) 	•	Secondary Color: silver metallic (#B0B0B0) 	•	Fonts: 	•	Headlines: Monument Extended 	•	Body: Inter 	•	Numbers and code: JetBrains Mono 	•	Effects: 	•	Slow-moving matrix code 	•	Terminal typing animation 	•	Flickering text reveals 	•	Glitch effects on buttons and transitions
 Все круто - только куда делся блок с операторами(командой) - добавь его - тоже в стиле матрицы! И еще кнопки снизу - красная и синяя - сделай похожими на таблетки - как в матрице! 
-Сделай историю вот вот с таким текстом! и чтобы был эффект написания истории! TMT_HISTORY.TXT INITIALIZING TMT CORE PROTOCOLS... YEAR 2018: First traces of TMT detected in the digital ecosystem. A small group of performance hackers begins rewriting traffic acquisition algorithms. YEAR 2020: The collective evolves into a decentralized network. First major breakthrough - cracking the Facebook ad algorithm during pandemic market shifts. YEAR 2022: Full operational capacity achieved. TMT now controls traffic flows across 15+ ecosystems. $1M/month in managed spend becomes standard. CORE VALUES: > PERFORMANCE IS TRUTH: Data over opinions. We follow the numbers wherever they lead. > ADAPT OR DIE: Market conditions change hourly. Our systems evolve in real-time. > CONTROL THE FLOW: Traffic is the lifeblood of digital. We don't just buy it - we engineer it. MISSION STATEMENT: To dominate performance marketing through algorithmic precision, infrastructure hacking, and relentless optimization. We exist to push the boundaries of what's possible in traffic acquisition. END OF FILE
+Сделай историю вот вот с таким текстом! и чтобы был эффект написания истории! TMT_HISTORY.TXT INITIALIZING TMT CORE PROTOCOLS... YEAR 2018: First traces of TMT detected in the digital ecosystem. A small group of performance hackers begins rewriting traffic acquisition algorithms. YEAR 2020: The collective evolves into a decentralized network. First major breakthrough - cracking the Facebook ad algorithm during pandemic market shifts. YEAR 2022: Full operational capacity achieved. TMT now controls traffic flows across 15+ ecosystems. $1M/month in managed spend becomes standard. CORE VALUES: > PERFORMANCE IS TRUTH: Data over opinions. We follow the numbers wherever they lead. > ADAPT OR DIE: Market conditions change hourly. Our systems evolve in real-time. > CONTROL THE FLOW: Traffic is the lifeblood of digital. We don't just buy it - we engineer it. MISSION STATEMENT: To dominate performance marketing through algorithmic precision, infrastructure hacking, and relentless optimization. We exist to push the boundaries of what's possible in traffic acquisition. END OF FILE
+Почему нету переноса текста на новую строку? Текст уходит за рамки блока! Поправь это! И еще сделай все в одном зеленом цвете!