test / index.html
gg9909's picture
Add 2 files
0633f73 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Truth They Don't Want You To See</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
:root {
--red-alert: #ff0033;
--dark-bg: #121212;
--neon-glow: 0 0 10px rgba(0, 255, 255, 0.8);
--text-glow: 0 0 5px rgba(0, 255, 255, 0.5);
}
body {
font-family: 'Courier New', monospace;
background-color: var(--dark-bg);
color: cyan;
margin: 0;
padding: 0;
background-image:
radial-gradient(circle at 10% 20%, rgba(0, 255, 255, 0.1) 0%, transparent 20%),
radial-gradient(circle at 90% 80%, rgba(255, 0, 51, 0.1) 0%, transparent 20%);
overflow-x: hidden;
}
.container {
max-width: 900px;
margin: 0 auto;
padding: 20px;
position: relative;
}
header {
text-align: center;
padding: 30px 0;
border-bottom: 1px dashed var(--red-alert);
margin-bottom: 40px;
position: relative;
}
h1 {
font-size: 2.5rem;
text-shadow: var(--text-glow);
letter-spacing: 3px;
animation: pulse 2s infinite alternate;
}
.eye-icon {
position: absolute;
top: 20px;
right: 20px;
font-size: 2rem;
color: var(--red-alert);
animation: blink 5s infinite;
}
.conspiracy-card {
background: rgba(18, 18, 18, 0.8);
border: 1px solid cyan;
border-radius: 5px;
padding: 20px;
margin-bottom: 30px;
box-shadow: var(--neon-glow);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.conspiracy-card:hover {
transform: translateY(-5px);
box-shadow: 0 0 20px rgba(0, 255, 255, 0.8);
}
.conspiracy-card h2 {
color: var(--red-alert);
margin-top: 0;
text-shadow: var(--text-glow);
}
.classified {
position: absolute;
top: 10px;
right: 10px;
background: black;
color: red;
padding: 3px 8px;
font-size: 0.8rem;
border: 1px solid red;
transform: rotate(15deg);
}
.redacted {
background-color: black;
color: black;
padding: 0 5px;
border-radius: 3px;
position: relative;
}
.redacted:hover {
color: white;
background-color: var(--red-alert);
}
.evidence-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 20px;
margin: 30px 0;
}
.evidence-item {
border: 1px dotted cyan;
padding: 15px;
text-align: center;
cursor: pointer;
transition: all 0.3s ease;
}
.evidence-item:hover {
background: rgba(0, 255, 255, 0.1);
transform: scale(1.05);
}
.evidence-item i {
font-size: 2rem;
margin-bottom: 10px;
color: var(--red-alert);
}
.reveal-btn {
background: transparent;
border: 1px solid cyan;
color: cyan;
padding: 10px 20px;
font-family: inherit;
cursor: pointer;
margin: 20px 0;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 1px;
}
.reveal-btn:hover {
background: cyan;
color: black;
box-shadow: var(--neon-glow);
}
.hidden-truth {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease;
background: rgba(0, 0, 0, 0.5);
margin: 10px 0;
padding: 0 15px;
border-left: 3px solid var(--red-alert);
}
.visible {
max-height: 500px;
padding: 15px;
}
.pyramid {
width: 100px;
height: 100px;
position: relative;
margin: 40px auto;
transform-style: preserve-3d;
animation: rotate 20s infinite linear;
}
.pyramid-side {
position: absolute;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
opacity: 0.8;
}
.front {
border-bottom: 100px solid rgba(255, 215, 0, 0.6);
transform: rotateY(0deg) translateZ(25px);
}
.back {
border-bottom: 100px solid rgba(255, 215, 0, 0.6);
transform: rotateY(180deg) translateZ(25px);
}
.left {
border-bottom: 100px solid rgba(255, 0, 51, 0.6);
transform: rotateY(-90deg) translateZ(25px);
}
.right {
border-bottom: 100px solid rgba(255, 0, 51, 0.6);
transform: rotateY(90deg) translateZ(25px);
}
.base {
position: absolute;
width: 100px;
height: 100px;
background: rgba(0, 255, 255, 0.3);
transform: rotateX(90deg) translateZ(-50px);
}
footer {
text-align: center;
padding: 30px 0;
border-top: 1px dashed var(--red-alert);
margin-top: 40px;
font-size: 0.8rem;
}
@keyframes pulse {
0% { opacity: 0.8; }
100% { opacity: 1; }
}
@keyframes blink {
0%, 95%, 100% { opacity: 1; }
97% { opacity: 0.1; }
}
@keyframes rotate {
0% { transform: rotateY(0deg); }
100% { transform: rotateY(360deg); }
}
/* Scrolling text ticker */
.ticker-container {
width: 100%;
overflow: hidden;
background: rgba(255, 0, 51, 0.2);
padding: 10px 0;
margin: 20px 0;
border-top: 1px solid var(--red-alert);
border-bottom: 1px solid var(--red-alert);
}
.ticker-content {
display: inline-block;
white-space: nowrap;
animation: ticker 30s linear infinite;
}
@keyframes ticker {
0% { transform: translateX(100%); }
100% { transform: translateX(-100%); }
}
/* Responsive adjustments */
@media (max-width: 768px) {
.evidence-grid {
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
h1 {
font-size: 1.8rem;
}
}
</style>
</head>
<body>
<div class="eye-icon">
<i class="fas fa-eye"></i>
</div>
<div class="container">
<header>
<h1>THEY DON'T WANT YOU TO KNOW</h1>
<p>Everything you've been told is a lie. Wake up, sheeple!</p>
</header>
<div class="ticker-container">
<div class="ticker-content">
<i class="fas fa-exclamation-triangle"></i> ALERT: The moon landing was faked | 5G causes COVID | Birds aren't real | The earth is flat | Vaccines contain microchips | Celebrities are clones | The government is hiding aliens | Your thoughts aren't your own <i class="fas fa-exclamation-triangle"></i>
</div>
</div>
<div class="conspiracy-card">
<div class="classified">TOP SECRET</div>
<h2><i class="fas fa-question-circle"></i> Who REALLY Controls the World?</h2>
<p>You think it's governments? Politicians? HA! They're just puppets for the <span class="redacted" title="Illuminati confirmed">β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ</span> who've been pulling the strings since ancient times.</p>
<div class="evidence-grid">
<div class="evidence-item" onclick="revealTruth('truth1')">
<i class="fas fa-dollar-sign"></i>
<p>Banking Cartels</p>
</div>
<div class="evidence-item" onclick="revealTruth('truth2')">
<i class="fas fa-chess-queen"></i>
<p>Royal Bloodlines</p>
</div>
<div class="evidence-item" onclick="revealTruth('truth3')">
<i class="fas fa-landmark"></i>
<p>Secret Societies</p>
</div>
<div class="evidence-item" onclick="revealTruth('truth4')">
<i class="fas fa-brain"></i>
<p>Mind Control</p>
</div>
</div>
<div id="truth1" class="hidden-truth">
<h3>The Federal Reserve Scam</h3>
<p>Private banks create money out of thin air and charge interest! The entire economy is a Ponzi scheme designed to enslave humanity through debt. Wake up!</p>
<p>Did you know: All major wars were funded by the same banking families on BOTH sides?</p>
</div>
<div id="truth2" class="hidden-truth">
<h3>The 13 Bloodlines</h3>
<p>There are 13 ancient families who interbreed to maintain pure DNA lines tracing back to... well, we can't say that here. <span class="redacted" title="Too dangerous to reveal">β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ</span></p>
<p>They control all major institutions while living in luxury as we slave away.</p>
</div>
<div id="truth3" class="hidden-truth">
<h3>Freemason Deception</h3>
<p>From the Freemasons to Skull & Bones to Bohemian Grove - these secret societies perform occult rituals while deciding our fate behind closed doors.</p>
<p>Their symbols are EVERYWHERE once you open your eyes (pyramids, all-seeing eyes, obelisks).</p>
</div>
<div id="truth4" class="hidden-truth">
<h3>MKUltra Never Ended</h3>
<p>The CIA's mind control program was just the beginning. Now they use fluoride, media propaganda, and <span class="redacted" title="Classified">β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ</span> frequencies to keep us docile.</p>
<p>Your thoughts aren't yours - they're implanted through TV and social media algorithms.</p>
</div>
</div>
<div class="conspiracy-card">
<h2><i class="fas fa-history"></i> Rewriting History</h2>
<p>Everything you learned in school is propaganda. The real history has been systematically erased and replaced with their approved narrative.</p>
<button class="reveal-btn" onclick="revealTruth('historyTruth')">Show Me The Truth</button>
<div id="historyTruth" class="hidden-truth">
<h3>The Tartarian Empire Cover-Up</h3>
<p>Before the 19th century, there was a global advanced civilization with free energy technology. The mud floods of the 1800s wiped them out, and the elites took credit for their architecture.</p>
<h3>Phantom Time Hypothesis</h3>
<p>297 years (614-911 AD) were INVENTED by the Vatican. Charlemagne never existed! Carbon dating is rigged to hide this.</p>
<h3>Ancient High Technology</h3>
<p>The pyramids weren't tombs - they were <span class="redacted" title="Energy generators">β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ</span> machines. The precision of ancient megaliths proves we've been in technological decline for millennia.</p>
</div>
</div>
<div class="pyramid">
<div class="pyramid-side front"></div>
<div class="pyramid-side back"></div>
<div class="pyramid-side left"></div>
<div class="pyramid-side right"></div>
<div class="base"></div>
</div>
<div class="conspiracy-card">
<h2><i class="fas fa-user-secret"></i> How To Break Free</h2>
<p>They want you scared, divided, and distracted. Here's how to resist:</p>
<ul>
<li>Question EVERYTHING - especially "official" narratives</li>
<li>Research beyond mainstream sources (but avoid controlled opposition)</li>
<li>Detox from fluoride and processed foods (they calcify your pineal gland)</li>
<li>Use cash when possible (digital currency = total control)</li>
<li>Spread awareness but be careful - they monitor dissent</li>
</ul>
<p>Remember: The greatest trick the <span class="redacted" title="Global elite">β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ</span> ever pulled was convincing the world they don't exist.</p>
</div>
<footer>
<p>This website has been viewed <span id="viewCount">0</span> times. They're watching.</p>
<p><i class="fas fa-exclamation-triangle"></i> WARNING: Accessing this knowledge may result in being placed on watchlists <i class="fas fa-exclamation-triangle"></i></p>
</footer>
</div>
<script>
// Simple view counter (they're probably tracking this anyway)
let views = localStorage.getItem('conspiracyViews') || 0;
views++;
localStorage.setItem('conspiracyViews', views);
document.getElementById('viewCount').textContent = views;
// Truth reveal function
function revealTruth(id) {
const element = document.getElementById(id);
element.classList.toggle('visible');
// Close other open truths
document.querySelectorAll('.hidden-truth').forEach(truth => {
if (truth.id !== id && truth.classList.contains('visible')) {
truth.classList.remove('visible');
}
});
}
// Make all reveal buttons work
document.querySelectorAll('.reveal-btn').forEach(button => {
button.addEventListener('click', function() {
const targetId = this.getAttribute('onclick').match(/'([^']+)'/)[1];
revealTruth(targetId);
});
});
// Random redacted hover effects
document.querySelectorAll('.redacted').forEach(el => {
el.addEventListener('mouseover', function() {
this.style.animation = 'shake 0.5s';
setTimeout(() => {
this.style.animation = '';
}, 500);
});
});
// Add some paranoia - console warning
console.log('%cSTOP!', 'color: red; font-size: 50px; font-weight: bold;');
console.log('%cThey monitor browser consoles too. Be careful what you paste here.', 'color: yellow; font-size: 16px;');
</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 <a href="https://enzostvs-deepsite.hf.space" style="color: #fff;" target="_blank" >DeepSite</a> <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;"></p></body>
</html>