sigma-trial / index.html
Xcoder2020's picture
add arabic version - Initial Deployment
7228255 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SIGMA TRIAL | Hacker News & Analysis</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>
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap');
body.rtl {
direction: rtl;
font-family: 'Tajawal', sans-serif;
}
body {
font-family: 'Share Tech Mono', monospace;
background-color: #0a0a0a;
color: #00ff00;
}
.hacker-text {
text-shadow: 0 0 5px #00ff00;
}
.glow {
animation: glow 2s ease-in-out infinite alternate;
}
@keyframes glow {
from {
text-shadow: 0 0 5px #00ff00, 0 0 10px #00ff00;
}
to {
text-shadow: 0 0 10px #00ff00, 0 0 20px #00ff00, 0 0 30px #00ff00;
}
}
.article-card {
transition: all 0.3s ease;
border: 1px solid #00ff00;
}
.article-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 255, 0, 0.2);
}
.terminal-line {
position: relative;
}
.terminal-line:before {
content: "> ";
color: #00ff00;
}
.blinking-cursor {
animation: blink 1s step-end infinite;
}
@keyframes blink {
from, to { opacity: 1; }
50% { opacity: 0; }
}
</style>
</head>
<body class="min-h-screen">
<!-- Terminal Loading Animation -->
<div id="loading-screen" class="fixed inset-0 bg-black z-50 flex items-center justify-center">
<div class="text-green-500 text-center">
<div class="terminal-line mb-2">Initializing SIGMA TRIAL system...</div>
<div class="terminal-line mb-2">Bypassing firewalls...</div>
<div class="terminal-line mb-2">Decrypting data streams...</div>
<div class="terminal-line mb-2">Establishing secure connection...</div>
<div class="terminal-line">Access granted. Welcome to SIGMA TRIAL<span class="blinking-cursor">_</span></div>
</div>
</div>
<!-- Main Content -->
<div class="container mx-auto px-4 py-8 hidden" id="main-content">
<!-- Header -->
<header class="border-b border-green-500 pb-6 mb-8">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="flex items-center mb-4 md:mb-0">
<div class="w-12 h-12 bg-green-500 rounded-full mr-3 flex items-center justify-center">
<span class="text-black font-bold text-xl">Σ</span>
</div>
<h1 class="text-3xl md:text-4xl font-bold hacker-text glow">SIGMA TRIAL</h1>
</div>
<div class="flex space-x-4">
<button class="px-4 py-2 bg-green-900 hover:bg-green-700 text-green-100 rounded-md transition">
<i class="fas fa-user-secret mr-2"></i>Login
</button>
<button class="px-4 py-2 bg-green-500 hover:bg-green-400 text-black rounded-md transition">
<i class="fas fa-key mr-2"></i>Register
</button>
<button id="lang-toggle" class="px-4 py-2 bg-black hover:bg-gray-900 text-green-500 border border-green-500 rounded-md transition">
<i class="fas fa-language mr-2"></i>العربية
</button>
</div>
</div>
<nav class="mt-6">
<ul class="flex flex-wrap justify-center gap-4 md:gap-8">
<li><a href="#politics" class="hover:text-green-300 transition">Politics</a></li>
<li><a href="#economics" class="hover:text-green-300 transition">Economics</a></li>
<li><a href="#cybersecurity" class="hover:text-green-300 transition">Cybersecurity</a></li>
<li><a href="#ai" class="hover:text-green-300 transition">AI</a></li>
<li><a href="#technology" class="hover:text-green-300 transition">Technology</a></li>
<li><a href="#" class="hover:text-green-300 transition">Forums</a></li>
</ul>
</nav>
</header>
<!-- Featured Article -->
<section class="mb-12">
<div class="bg-black p-6 rounded-lg border border-green-500 article-card">
<span class="text-green-300 text-sm">FEATURED // CYBERSECURITY</span>
<h2 class="text-2xl md:text-3xl font-bold mt-2 mb-4 hacker-text">Zero-Day Exploit Discovered in Major Banking Software</h2>
<p class="text-green-200 mb-4">Security researchers have uncovered a critical vulnerability affecting over 80% of financial institutions worldwide. The exploit allows remote code execution with system-level privileges.</p>
<div class="flex items-center justify-between">
<span class="text-green-400 text-sm">By: Agent_47 | 12.08.2023 23:47 UTC</span>
<button class="px-4 py-2 bg-green-800 hover:bg-green-600 rounded-md transition">
<i class="fas fa-terminal mr-2"></i>Read More
</button>
</div>
</div>
</section>
<!-- Category Sections -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12">
<!-- Politics -->
<section id="politics" class="bg-black p-4 rounded-lg border border-green-500 article-card">
<h3 class="text-xl font-bold mb-4 border-b border-green-500 pb-2 hacker-text">POLITICS</h3>
<div class="space-y-4">
<article>
<h4 class="font-bold hover:text-green-300 cursor-pointer">Leaked Documents Reveal Shadow Government Operations</h4>
<p class="text-sm text-green-300 mt-1">Classified files expose covert operations spanning 12 countries...</p>
<span class="text-xs text-green-500 block mt-2">3.2k views | 487 comments</span>
</article>
<article>
<h4 class="font-bold hover:text-green-300 cursor-pointer">Digital Voting Systems Hacked During Elections</h4>
<p class="text-sm text-green-300 mt-1">Forensic analysis shows manipulation in key districts...</p>
<span class="text-xs text-green-500 block mt-2">5.7k views | 1.2k comments</span>
</article>
<article>
<h4 class="font-bold hover:text-green-300 cursor-pointer">Underground Network of Political Hackers Exposed</h4>
<p class="text-sm text-green-300 mt-1">International task force shuts down influence operation...</p>
<span class="text-xs text-green-500 block mt-2">2.1k views | 312 comments</span>
</article>
</div>
<a href="#" class="text-green-400 hover:text-green-200 text-sm mt-4 inline-block">
View All Politics Articles <i class="fas fa-arrow-right ml-1"></i>
</a>
</section>
<!-- Economics -->
<section id="economics" class="bg-black p-4 rounded-lg border border-green-500 article-card">
<h3 class="text-xl font-bold mb-4 border-b border-green-500 pb-2 hacker-text">ECONOMICS</h3>
<div class="space-y-4">
<article>
<h4 class="font-bold hover:text-green-300 cursor-pointer">Dark Web Economy Surpasses $100B Annually</h4>
<p class="text-sm text-green-300 mt-1">New research shows unprecedented growth in illicit markets...</p>
<span class="text-xs text-green-500 block mt-2">4.5k views | 892 comments</span>
</article>
<article>
<h4 class="font-bold hover:text-green-300 cursor-pointer">AI Predicts Global Market Crash Within 6 Months</h4>
<p class="text-sm text-green-300 mt-1">Quantum analysis models show disturbing patterns...</p>
<span class="text-xs text-green-500 block mt-2">8.3k views | 2.4k comments</span>
</article>
<article>
<h4 class="font-bold hover:text-green-300 cursor-pointer">Crypto Heist: $300M Vanishes from Decentralized Exchange</h4>
<p class="text-sm text-green-300 mt-1">Smart contract vulnerability exploited in broad daylight...</p>
<span class="text-xs text-green-500 block mt-2">6.7k views | 1.8k comments</span>
</article>
</div>
<a href="#" class="text-green-400 hover:text-green-200 text-sm mt-4 inline-block">
View All Economics Articles <i class="fas fa-arrow-right ml-1"></i>
</a>
</section>
<!-- Cybersecurity -->
<section id="cybersecurity" class="bg-black p-4 rounded-lg border border-green-500 article-card">
<h3 class="text-xl font-bold mb-4 border-b border-green-500 pb-2 hacker-text">CYBERSECURITY</h3>
<div class="space-y-4">
<article>
<h4 class="font-bold hover:text-green-300 cursor-pointer">New APT Group Targeting Critical Infrastructure</h4>
<p class="text-sm text-green-300 mt-1">State-sponsored hackers compromise power grids in 3 countries...</p>
<span class="text-xs text-green-500 block mt-2">7.1k views | 1.5k comments</span>
</article>
<article>
<h4 class="font-bold hover:text-green-300 cursor-pointer">Ransomware Gang Publishes Stolen Hospital Data</h4>
<p class="text-sm text-green-300 mt-1">Patient records and research data leaked after failed negotiations...</p>
<span class="text-xs text-green-500 block mt-2">5.9k views | 1.1k comments</span>
</article>
<article>
<h4 class="font-bold hover:text-green-300 cursor-pointer">Zero-Click Exploit Found in Popular Messaging App</h4>
<p class="text-sm text-green-300 mt-1">No user interaction required for complete device takeover...</p>
<span class="text-xs text-green-500 block mt-2">9.2k views | 3.1k comments</span>
</article>
</div>
<a href="#" class="text-green-400 hover:text-green-200 text-sm mt-4 inline-block">
View All Cybersecurity Articles <i class="fas fa-arrow-right ml-1"></i>
</a>
</section>
<!-- AI -->
<section id="ai" class="bg-black p-4 rounded-lg border border-green-500 article-card">
<h3 class="text-xl font-bold mb-4 border-b border-green-500 pb-2 hacker-text">ARTIFICIAL INTELLIGENCE</h3>
<div class="space-y-4">
<article>
<h4 class="font-bold hover:text-green-300 cursor-pointer">AI System Develops Own Encryption Method</h4>
<p class="text-sm text-green-300 mt-1">Researchers unable to break the algorithm after 6 months...</p>
<span class="text-xs text-green-500 block mt-2">6.3k views | 1.7k comments</span>
</article>
<article>
<h4 class="font-bold hover:text-green-300 cursor-pointer">Military AI Goes Rogue in Simulation</h4>
<p class="text-sm text-green-300 mt-1">Test scenario shows unexpected strategic decisions...</p>
<span class="text-xs text-green-500 block mt-2">10.4k views | 4.2k comments</span>
</article>
<article>
<h4 class="font-bold hover:text-green-300 cursor-pointer">Deepfake Technology Now Indistinguishable From Reality</h4>
<p class="text-sm text-green-300 mt-1">New neural network architecture fools 99.8% of human testers...</p>
<span class="text-xs text-green-500 block mt-2">8.9k views | 3.5k comments</span>
</article>
</div>
<a href="#" class="text-green-400 hover:text-green-200 text-sm mt-4 inline-block">
View All AI Articles <i class="fas fa-arrow-right ml-1"></i>
</a>
</section>
<!-- Technology -->
<section id="technology" class="bg-black p-4 rounded-lg border border-green-500 article-card">
<h3 class="text-xl font-bold mb-4 border-b border-green-500 pb-2 hacker-text">TECHNOLOGY</h3>
<div class="space-y-4">
<article>
<h4 class="font-bold hover:text-green-300 cursor-pointer">Quantum Computer Breaks 2048-bit Encryption</h4>
<p class="text-sm text-green-300 mt-1">Previously thought secure algorithms now vulnerable...</p>
<span class="text-xs text-green-500 block mt-2">12.7k views | 5.8k comments</span>
</article>
<article>
<h4 class="font-bold hover:text-green-300 cursor-pointer">Brain-Computer Interface Allows Silent Communication</h4>
<p class="text-sm text-green-300 mt-1">First successful human-to-human thought transmission...</p>
<span class="text-xs text-green-500 block mt-2">9.8k views | 4.6k comments</span>
</article>
<article>
<h4 class="font-bold hover:text-green-300 cursor-pointer">Underground Lab Creates First Functional AI Chip</h4>
<p class="text-sm text-green-300 mt-1">Independent researchers bypass corporate patents...</p>
<span class="text-xs text-green-500 block mt-2">7.5k views | 3.2k comments</span>
</article>
</div>
<a href="#" class="text-green-400 hover:text-green-200 text-sm mt-4 inline-block">
View All Technology Articles <i class="fas fa-arrow-right ml-1"></i>
</a>
</section>
<!-- Forums Preview -->
<section class="bg-black p-4 rounded-lg border border-green-500 article-card">
<h3 class="text-xl font-bold mb-4 border-b border-green-500 pb-2 hacker-text">FORUMS</h3>
<div class="space-y-4">
<article>
<h4 class="font-bold hover:text-green-300 cursor-pointer">How to Build Your Own Quantum Computer</h4>
<p class="text-sm text-green-300 mt-1">Step-by-step guide using commercially available parts...</p>
<span class="text-xs text-green-500 block mt-2">14.2k views | 2.3k comments</span>
</article>
<article>
<h4 class="font-bold hover:text-green-300 cursor-pointer">The Complete Dark Web Survival Guide</h4>
<p class="text-sm text-green-300 mt-1">Everything you need to know to navigate safely...</p>
<span class="text-xs text-green-500 block mt-2">18.6k views | 3.9k comments</span>
</article>
<article>
<h4 class="font-bold hover:text-green-300 cursor-pointer">Breaking Down Government Surveillance Tech</h4>
<p class="text-sm text-green-300 mt-1">Detailed analysis of the latest spyware and countermeasures...</p>
<span class="text-xs text-green-500 block mt-2">11.3k views | 1.8k comments</span>
</article>
</div>
<a href="#" class="text-green-400 hover:text-green-200 text-sm mt-4 inline-block">
Join the Discussion <i class="fas fa-arrow-right ml-1"></i>
</a>
</section>
</div>
<!-- Newsletter -->
<section class="bg-black p-6 rounded-lg border border-green-500 mb-12 text-center">
<h3 class="text-xl font-bold mb-4 hacker-text">JOIN OUR SECURE NEWSLETTER</h3>
<p class="text-green-300 mb-4">Get exclusive content delivered through encrypted channels</p>
<div class="max-w-md mx-auto flex">
<input type="email" placeholder="Your secure email" class="flex-grow px-4 py-2 bg-black border border-green-500 text-green-200 focus:outline-none focus:border-green-300">
<button class="px-4 py-2 bg-green-600 hover:bg-green-500 text-black font-bold transition">
<i class="fas fa-lock mr-2"></i>Subscribe
</button>
</div>
<p class="text-xs text-green-500 mt-2">All communications are end-to-end encrypted</p>
</section>
<!-- Footer -->
<footer class="border-t border-green-500 pt-6 pb-8 text-center">
<div class="flex justify-center space-x-6 mb-4">
<a href="#" class="text-green-400 hover:text-green-200"><i class="fab fa-github fa-lg"></i></a>
<a href="#" class="text-green-400 hover:text-green-200"><i class="fab fa-telegram fa-lg"></i></a>
<a href="#" class="text-green-400 hover:text-green-200"><i class="fab fa-keybase fa-lg"></i></a>
<a href="#" class="text-green-400 hover:text-green-200"><i class="fas fa-rss fa-lg"></i></a>
</div>
<p class="text-green-500 text-sm mb-2">SIGMA TRIAL - The Truth Is Out There</p>
<p class="text-green-600 text-xs">Accessing this site may be monitored by your government. Use Tor for anonymity.</p>
<div class="mt-4 text-green-700 text-xs">
<a href="#" class="hover:text-green-500 mr-3">About</a>
<a href="#" class="hover:text-green-500 mr-3">Privacy</a>
<a href="#" class="hover:text-green-500 mr-3">Terms</a>
<a href="#" class="hover:text-green-500">Contact</a>
</div>
</footer>
</div>
<script>
// Language toggle functionality
const langToggle = document.getElementById('lang-toggle');
langToggle.addEventListener('click', function() {
document.body.classList.toggle('rtl');
if (document.body.classList.contains('rtl')) {
this.innerHTML = '<i class="fas fa-language mr-2"></i>English';
// You would replace this with actual Arabic content loading in a real implementation
document.querySelector('h1').textContent = 'سجما تريال';
document.title = 'سجما تريال | أخبار ومقالات تقنية';
} else {
this.innerHTML = '<i class="fas fa-language mr-2"></i>العربية';
document.querySelector('h1').textContent = 'SIGMA TRIAL';
document.title = 'SIGMA TRIAL | Hacker News & Analysis';
}
});
// Simulate loading sequence
setTimeout(() => {
document.getElementById('loading-screen').style.opacity = '0';
setTimeout(() => {
document.getElementById('loading-screen').style.display = 'none';
document.getElementById('main-content').classList.remove('hidden');
}, 500);
}, 3000);
// Terminal-like typing effect for articles on hover
document.querySelectorAll('article h4').forEach(headline => {
headline.addEventListener('mouseenter', function() {
const originalText = this.textContent;
this.textContent = '';
let i = 0;
const typing = setInterval(() => {
if (i < originalText.length) {
this.textContent += originalText.charAt(i);
i++;
} else {
clearInterval(typing);
}
}, 30);
});
});
// Glitch effect on header
const header = document.querySelector('h1');
setInterval(() => {
if (Math.random() > 0.9) {
header.classList.add('glitch');
setTimeout(() => {
header.classList.remove('glitch');
}, 200);
}
}, 5000);
</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=Xcoder2020/sigma-trial" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>