840 lines
24 KiB
Markdown
840 lines
24 KiB
Markdown
# Why Change Maker
|
|
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
.power-container {
|
|
background: linear-gradient(135deg, #1a1a1a, #2d2d2d);
|
|
border-radius: 15px;
|
|
padding: 1rem;
|
|
color: white;
|
|
font-family: system-ui, -apple-system, sans-serif;
|
|
width: 100%;
|
|
margin: 1rem auto;
|
|
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.cards-container {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
gap: 1.5rem;
|
|
margin: 2rem auto;
|
|
max-width: 1200px;
|
|
padding: 0 1rem;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.cards-container {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.cards-container {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 680px) {
|
|
.cards-container {
|
|
grid-template-columns: 1fr;
|
|
gap: 0.8rem;
|
|
}
|
|
|
|
.power-card {
|
|
padding: 1rem !important;
|
|
}
|
|
|
|
.power-message {
|
|
font-size: 1.4rem !important;
|
|
margin: 1rem 0 !important;
|
|
}
|
|
|
|
.power-icon {
|
|
font-size: 2rem !important;
|
|
margin-bottom: 0.5rem !important;
|
|
}
|
|
|
|
.power-card p {
|
|
margin: 0.5rem 0;
|
|
font-size: 0.9rem;
|
|
}
|
|
}
|
|
|
|
.power-card {
|
|
background: rgba(255, 255, 255, 0.1);
|
|
backdrop-filter: blur(10px);
|
|
border-radius: 12px;
|
|
padding: 1.5rem;
|
|
text-align: center;
|
|
transform-style: preserve-3d;
|
|
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
position: relative;
|
|
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
|
}
|
|
|
|
.power-card:hover {
|
|
transform: translateY(-5px);
|
|
box-shadow: 0 10px 20px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
.power-icon {
|
|
font-size: 2.5rem;
|
|
margin-bottom: 1rem;
|
|
animation: float 3s ease-in-out infinite;
|
|
}
|
|
|
|
@keyframes float {
|
|
0%, 100% { transform: translateY(0); }
|
|
50% { transform: translateY(-5px); }
|
|
}
|
|
|
|
@keyframes pulse {
|
|
0%, 100% { transform: scale(1); }
|
|
50% { transform: scale(1.1); }
|
|
}
|
|
|
|
.power-card h3 {
|
|
color: #FFD700;
|
|
margin: 0.5rem 0;
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
.power-message {
|
|
font-size: 1.8rem;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
margin: 1.5rem 0;
|
|
color: #FFD700;
|
|
opacity: 0;
|
|
transform: translateY(20px);
|
|
animation: slideUp 0.8s ease forwards;
|
|
}
|
|
|
|
@keyframes slideUp {
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
.power-beam {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 2px;
|
|
background: linear-gradient(90deg, transparent, #FFD700, transparent);
|
|
animation: beam 3s linear infinite;
|
|
}
|
|
|
|
@keyframes beam {
|
|
0% { transform: translateX(-100%); opacity: 0; }
|
|
50% { opacity: 1; }
|
|
100% { transform: translateX(100%); opacity: 0; }
|
|
}
|
|
|
|
.emphasis-text {
|
|
color: #FFD700;
|
|
font-weight: bold;
|
|
animation: glow 2s ease-in-out infinite;
|
|
}
|
|
|
|
@keyframes glow {
|
|
0%, 100% { text-shadow: 0 0 5px rgba(255, 215, 0, 0.5); }
|
|
50% { text-shadow: 0 0 20px rgba(255, 215, 0, 0.8); }
|
|
}
|
|
|
|
.particles {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.particle {
|
|
position: absolute;
|
|
width: 3px;
|
|
height: 3px;
|
|
background: #FFD700;
|
|
border-radius: 50%;
|
|
animation: particleRise 2s ease-out infinite;
|
|
opacity: 0;
|
|
}
|
|
|
|
@keyframes particleRise {
|
|
0% { transform: translateY(50px); opacity: 0; }
|
|
50% { opacity: 1; }
|
|
100% { transform: translateY(-50px); opacity: 0; }
|
|
}
|
|
|
|
.evil-container {
|
|
background: linear-gradient(135deg, #1a0505, #2d0808);
|
|
border: 1px solid #ff0000;
|
|
border-radius: 0;
|
|
padding: 1rem;
|
|
width: 100%; /* Changed from 800px to 100% */
|
|
max-width: 800px; /* Added max-width */
|
|
margin: 1rem auto;
|
|
color: #ffffff;
|
|
position: relative;
|
|
overflow: hidden;
|
|
animation: evilPulse 4s ease-in-out infinite;
|
|
box-shadow:
|
|
0 0 20px rgba(255, 0, 0, 0.2),
|
|
inset 0 0 20px rgba(255, 0, 0, 0.1);
|
|
}
|
|
|
|
/* Add media query for mobile devices */
|
|
@media (max-width: 768px) {
|
|
.evil-container {
|
|
padding: 0.75rem;
|
|
margin: 0.5rem;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.evil-container h2 {
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.evil-container p {
|
|
margin: 0.5rem 0;
|
|
}
|
|
|
|
.evil-container a {
|
|
word-break: break-word;
|
|
}
|
|
}
|
|
|
|
@keyframes evilPulse {
|
|
0%, 100% {
|
|
box-shadow:
|
|
0 0 20px rgba(255, 0, 0, 0.2),
|
|
inset 0 0 20px rgba(255, 0, 0, 0.1);
|
|
}
|
|
50% {
|
|
box-shadow:
|
|
0 0 30px rgba(255, 0, 0, 0.4),
|
|
inset 0 0 30px rgba(255, 0, 0, 0.2);
|
|
}
|
|
}
|
|
|
|
.evil-container::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: -100%;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: linear-gradient(
|
|
90deg,
|
|
transparent,
|
|
rgba(255, 0, 0, 0.1),
|
|
transparent
|
|
);
|
|
animation: evilScan 8s linear infinite;
|
|
}
|
|
|
|
@keyframes evilScan {
|
|
0% { left: -100%; }
|
|
100% { left: 100%; }
|
|
}
|
|
|
|
.evil-container h2 {
|
|
color: #ff3333;
|
|
text-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
|
|
}
|
|
|
|
.evil-container a {
|
|
color: #ff6666;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.evil-container a:hover {
|
|
color: #ff3333;
|
|
text-shadow: 0 0 8px rgba(255, 0, 0, 0.4);
|
|
}
|
|
|
|
.change-container {
|
|
background: #a8d5ba; /* Soft pastel green */
|
|
border: 2px solid #c9e6d6;
|
|
border-radius: 15px;
|
|
padding: 1rem;
|
|
max-width: 800px;
|
|
margin: 1rem auto;
|
|
color: #f8f9fa; /* Near white text */
|
|
position: relative;
|
|
overflow: hidden;
|
|
box-shadow: 0 4px 20px rgba(168, 213, 186, 0.3);
|
|
}
|
|
|
|
.change-container h2 {
|
|
color: white;
|
|
font-size: 2rem;
|
|
margin-bottom: 1.5rem;
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.change-container h3 {
|
|
color: white;
|
|
font-size: 1.4rem;
|
|
margin-top: 1.5rem;
|
|
font-style: italic;
|
|
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.change-container p {
|
|
color: #f8f9fa;
|
|
line-height: 1.8;
|
|
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
|
|
background: rgba(0, 0, 0, 0.1);
|
|
padding: 1rem;
|
|
border-radius: 8px;
|
|
margin: 1rem 0;
|
|
}
|
|
|
|
.change-container iframe {
|
|
border: 8px solid white;
|
|
border-radius: 20px;
|
|
box-shadow:
|
|
0 4px 15px rgba(0, 0, 0, 0.1),
|
|
0 0 0 2px #c9e6d6;
|
|
margin: 1.5rem auto;
|
|
display: block;
|
|
max-width: 100%;
|
|
background: white;
|
|
padding: 4px;
|
|
}
|
|
|
|
.theory-container {
|
|
background: linear-gradient(135deg, #2c3e50, #3498db);
|
|
border: 2px solid #3498db;
|
|
border-radius: 15px;
|
|
padding: 1rem;
|
|
max-width: 800px;
|
|
margin: 1rem auto;
|
|
color: white;
|
|
box-shadow: 0 4px 20px rgba(52, 152, 219, 0.3);
|
|
}
|
|
|
|
.theory-container h3 {
|
|
font-size: 1.8rem;
|
|
margin-bottom: 1.5rem;
|
|
text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
.theory-container ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.theory-container li {
|
|
margin: 1rem 0;
|
|
padding: 0.8rem;
|
|
background: rgba(255,255,255,0.1);
|
|
border-radius: 8px;
|
|
transition: transform 0.2s;
|
|
}
|
|
|
|
.theory-container li:hover {
|
|
transform: translateX(10px);
|
|
}
|
|
|
|
.theory-container a {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
display: block;
|
|
padding: 0.5rem;
|
|
border-left: 3px solid #3498db;
|
|
}
|
|
|
|
.free-container {
|
|
background: linear-gradient(135deg, #2ecc71, #27ae60);
|
|
border: 2px solid #2ecc71;
|
|
border-radius: 15px;
|
|
padding: 1rem;
|
|
max-width: 800px;
|
|
margin: 1rem auto;
|
|
color: white;
|
|
box-shadow: 0 4px 20px rgba(46, 204, 113, 0.3);
|
|
}
|
|
|
|
.free-container h2 {
|
|
font-size: 2rem;
|
|
text-align: center;
|
|
margin-bottom: 1.5rem;
|
|
text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
.free-container img {
|
|
display: block;
|
|
margin: 1rem auto;
|
|
border-radius: 10px;
|
|
box-shadow: 0 4px 15px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
.free-container p {
|
|
background: rgba(255,255,255,0.1);
|
|
padding: 1rem;
|
|
border-radius: 8px;
|
|
line-height: 1.6;
|
|
margin: 1rem 0;
|
|
}
|
|
|
|
@keyframes pulseGlow {
|
|
0%, 100% { box-shadow: 0 0 20px rgba(46, 204, 113, 0.4); }
|
|
50% { box-shadow: 0 0 30px rgba(46, 204, 113, 0.8); }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="power-container">
|
|
<div class="power-beam"></div>
|
|
<div class="particles" id="particles"></div>
|
|
|
|
|
|
<!-- Power header styles with metallic effect -->
|
|
<style>
|
|
.power-header.entry-header h3 {
|
|
/* Welcome to text */
|
|
color: rgba(255, 255, 255, 0.9) !important;
|
|
font-size: 1.5rem !important;
|
|
font-weight: normal !important;
|
|
text-shadow: none !important;
|
|
background: none !important;
|
|
-webkit-background-clip: initial !important;
|
|
background-clip: initial !important;
|
|
animation: none !important;
|
|
margin-bottom: 0.5rem !important;
|
|
}
|
|
|
|
.power-header.entry-header h1.highlight-text {
|
|
/* Metallic gold effect for main title */
|
|
background: linear-gradient(
|
|
135deg,
|
|
#ffd700 0%,
|
|
#fff6a9 10%,
|
|
#d4af37 20%,
|
|
#fff6a9 30%,
|
|
#ffd700 40%,
|
|
#fff6a9 50%,
|
|
#d4af37 60%,
|
|
#fff6a9 70%,
|
|
#ffd700 80%,
|
|
#fff6a9 90%,
|
|
#d4af37 100%
|
|
) !important;
|
|
-webkit-background-clip: text !important;
|
|
background-clip: text !important;
|
|
color: transparent !important;
|
|
text-shadow:
|
|
0 0 1px rgba(255, 215, 0, 0.2),
|
|
0 0 15px rgba(255, 215, 0, 0.3),
|
|
0 0 30px rgba(255, 215, 0, 0.1) !important;
|
|
font-weight: 800 !important;
|
|
font-size: 4rem !important;
|
|
letter-spacing: -0.02em !important;
|
|
animation: metallicShine 8s linear infinite !important;
|
|
background-size: 200% auto !important;
|
|
}
|
|
|
|
@keyframes metallicShine {
|
|
to {
|
|
background-position: 200% center;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<div class="power-header entry-header" style="text-align: center;">
|
|
<h1 class="highlight-text">Build your power, don't pay for it.</h1>
|
|
</div>
|
|
|
|
<div class="cards-container">
|
|
<div class="power-card">
|
|
<div class="power-icon">💾</div>
|
|
<h3>Your Data, Your Rules</h3>
|
|
<p>Keep your digital footprint truly private. Your site and content are built locally, on your machine. That way, we can't peek, we can't leak, we can't sell what we can't see. Simple as that.</p>
|
|
</div>
|
|
|
|
<div class="power-card">
|
|
<div class="power-icon">📚</div>
|
|
<h3>Community Library</h3>
|
|
<p>Write your site in the same manner as a repository. Over time, your repository gets bigger. Like a library with good sustainable funding, your repository can become a beacon for community information.</p>
|
|
</div>
|
|
|
|
<div class="power-card">
|
|
<div class="power-icon">⚡</div>
|
|
<h3>Digital Independence</h3>
|
|
<p>Why fund the competition? Most software companies are digital mercenaries, working for the highest bidder. Take control of your digital destiny without feeding the corporate beast.</p>
|
|
</div>
|
|
|
|
<div class="power-card">
|
|
<div class="power-icon">⏩</div>
|
|
<h3>Lightning Fast</h3>
|
|
<p>Got thoughts? Put 'em online faster than you can say "corporate overlords." No tech degree required.</p>
|
|
</div>
|
|
|
|
<div class="power-card">
|
|
<div class="power-icon">🤔</div>
|
|
<h3>Level Up</h3>
|
|
<p>Start with basic text, end up mastering web development. It's like a game, but the final boss is digital dependency.</p>
|
|
</div>
|
|
|
|
<div class="power-card">
|
|
<div class="power-icon">💫</div>
|
|
<div style="text-align: center; margin: 1rem 0;">
|
|
<a href="/Free(ish)" style="
|
|
display: inline-block;
|
|
padding: 0.75rem 1.5rem;
|
|
background-color: #FFD700;
|
|
color: #1a1a1a;
|
|
text-decoration: none;
|
|
border-radius: 8px;
|
|
font-weight: bold;
|
|
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
|
|
transition: background-color 0.3s ease, transform 0.3s ease;
|
|
" onmouseover="this.style.backgroundColor='#FFC107'; this.style.transform='translateY(-2px)';" onmouseout="this.style.backgroundColor='#FFD700'; this.style.transform='translateY(0)';">
|
|
Free(ish)!
|
|
</a>
|
|
</div>
|
|
<p>Just drop us your email and get full access. No catches, no surprise bills, no selling your soul to Silicon Valley.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="power-message" style="font-size: 1.2rem;">
|
|
Do you own your data, or are you just renting it?
|
|
</div>
|
|
</div>
|
|
|
|
<div class="power-header entry-header" style="text-align: center; margin-top: 2rem;">
|
|
<h1 class="highlight-text">"Oh so its kinda like nexopia for politics however all on my computer?"</h1>
|
|
<h3>- Change Maker's First User</h3>
|
|
</div>
|
|
|
|
<script>
|
|
function createParticles() {
|
|
const particlesContainer = document.getElementById('particles');
|
|
const particleCount = window.innerWidth < 680 ? 8 : 15;
|
|
|
|
for (let i = 0; i < particleCount; i++) {
|
|
const particle = document.createElement('div');
|
|
particle.className = 'particle';
|
|
particle.style.left = Math.random() * 100 + '%';
|
|
particle.style.animationDelay = Math.random() * 2 + 's';
|
|
particlesContainer.appendChild(particle);
|
|
|
|
setTimeout(() => {
|
|
particle.remove();
|
|
}, 2000);
|
|
}
|
|
}
|
|
|
|
createParticles();
|
|
setInterval(createParticles, 4000);
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|
|
<div class="power-container">
|
|
<h2>The Original Internet Promise</h2>
|
|
<p>Remember when the internet was meant to be everyone's digital commons? That vision still lives, though it's been overshadowed by corporate platforms. What began as an open space has largely transformed into a marketplace, with companies repackaging freely available solutions behind sleek marketing.</p>
|
|
<p>Enter Software-as-a-Service (SaaS), the modern equivalent of cure-all tonics 🐍🎩. "Subscribe to solve all your problems!" they say - just keep paying monthly until those fees stack higher than a mortgage.</p>
|
|
<p>At <a href="https://repo.bnkops.com/Home.html">bnkops</a>, we believe in community power. By sharing our activist toolkit, we're supporting our communities, organizations, and fellow changemakers in building a more equitable world. These tools can help us organize against the rise of facism in ways we haven't even imagined yet.</p>
|
|
<p>This project returns to the internet's original promise - putting digital power back in the hands of everyday people on everyday computers. While we might not have flashy features or marketing budgets, we offer something better: a as secure as we can make it, functional activist platform available, and it's free(ish).</p>
|
|
<p>The best part? Your data stays completely yours. The system runs locally, so we can't access your information or suddenly start charging fees. Your movement, your data, your control. ✊</p>
|
|
</div>
|
|
|
|
<style>
|
|
.timeline-container {
|
|
background: rgba(68, 51, 85, 0.3);
|
|
border: 1px solid #9333ea;
|
|
border-radius: 15px;
|
|
padding: 1rem;
|
|
max-width: 800px;
|
|
margin: 2rem auto;
|
|
}
|
|
|
|
.timeline-header {
|
|
display: grid;
|
|
grid-template-columns: repeat(5, 1fr);
|
|
gap: 1rem;
|
|
text-align: center;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.time-period h3 {
|
|
color: #FFD700;
|
|
margin: 0;
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.time-period p {
|
|
font-size: 0.8rem;
|
|
margin: 0.25rem 0;
|
|
}
|
|
|
|
.fuse-box {
|
|
background: rgba(0, 0, 0, 0.3);
|
|
height: 60px;
|
|
position: relative;
|
|
border-radius: 4px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.fuse-line {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 2px;
|
|
background: #444;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.burning-point {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 0;
|
|
width: 8px;
|
|
height: 8px;
|
|
background: #FFD700;
|
|
border-radius: 50%;
|
|
transform: translateY(-50%);
|
|
box-shadow:
|
|
0 0 10px #FFD700,
|
|
0 0 20px #FF4500,
|
|
0 0 30px #FF0000;
|
|
animation: burnFuse 15s linear infinite;
|
|
z-index: 2;
|
|
}
|
|
|
|
.spark {
|
|
position: absolute;
|
|
width: 3px;
|
|
height: 3px;
|
|
background: #FFD700;
|
|
border-radius: 50%;
|
|
animation: sparkle 0.6s linear infinite;
|
|
}
|
|
|
|
.spark:nth-child(2) {
|
|
animation-delay: 0.2s;
|
|
}
|
|
|
|
.spark:nth-child(3) {
|
|
animation-delay: 0.4s;
|
|
}
|
|
|
|
@keyframes burnFuse {
|
|
from {
|
|
left: 0;
|
|
box-shadow:
|
|
0 0 10px #FFD700,
|
|
0 0 20px #FF4500,
|
|
0 0 30px #FF0000;
|
|
}
|
|
to {
|
|
left: 100%;
|
|
box-shadow:
|
|
0 0 15px #FFD700,
|
|
0 0 25px #FF4500,
|
|
0 0 35px #FF0000;
|
|
}
|
|
}
|
|
|
|
@keyframes sparkle {
|
|
0% {
|
|
transform: translate(-50%, -50%) rotate(0deg) translateX(6px);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
transform: translate(-50%, -50%) rotate(360deg) translateX(12px);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
.burned-path {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 0;
|
|
height: 2px;
|
|
background: #9333ea;
|
|
transform: translateY(-50%);
|
|
animation: burnPath 15s linear infinite;
|
|
}
|
|
|
|
@keyframes burnPath {
|
|
from {
|
|
width: 0;
|
|
}
|
|
to {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.monitor-text {
|
|
position: absolute;
|
|
bottom: 5px;
|
|
right: 10px;
|
|
color: #9333ea;
|
|
font-family: monospace;
|
|
font-size: 0.8rem;
|
|
}
|
|
|
|
</style>
|
|
|
|
<div class="timeline-container">
|
|
<div class="timeline-header">
|
|
<div class="time-period">
|
|
<h3>1990s</h3>
|
|
<p>Free Internet</p>
|
|
<small>Open protocols</small>
|
|
</div>
|
|
<div class="time-period">
|
|
<h3>2000s</h3>
|
|
<p>Big Tech Rise</p>
|
|
<small>Centralization</small>
|
|
</div>
|
|
<div class="time-period">
|
|
<h3>2010s</h3>
|
|
<p>SaaS Trap</p>
|
|
<small>Subscriptions</small>
|
|
</div>
|
|
<div class="time-period">
|
|
<h3>2020s</h3>
|
|
<p>Surveillance Era</p>
|
|
<small>Data sold</small>
|
|
</div>
|
|
<div class="time-period">
|
|
<h3>NOW</h3>
|
|
<p>Time to Act</p>
|
|
<small>Take control</small>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="fuse-box">
|
|
<div class="fuse-line"></div>
|
|
<div class="burned-path"></div>
|
|
<div class="burning-point">
|
|
<div class="spark"></div>
|
|
<div class="spark"></div>
|
|
<div class="spark"></div>
|
|
</div>
|
|
<div class="monitor-text">CORPORATE EVIL LEVEL: CRITICAL</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="evil-container">
|
|
<h2>Corporate Evil is the Default Selection</h2>
|
|
<p>We will not defeat capitalism and the march towards facism by giving our data and dollars to companies that would sell us to the highest bidder. Nearly all software corporations are already selling out your movements data.</p>
|
|
|
|
<strong>A brief list of examples:</strong>
|
|
|
|
<p><a href="https://www.aljazeera.com/news/2024/4/23/what-is-project-nimbus-and-why-are-google-workers-protesting-israel-deal">Google has billion dollar contracts with Israel to serve the technology that enables genocide.</a></p>
|
|
|
|
<p><a href="https://www.yahoo.com/news/microsoft-palantir-announce-major-ai-114252184.html?guccounter=1&guce_referrer=aHR0cHM6Ly9kdWNrZHVja2dvLmNvbS8&guce_referrer_sig=AQAAAN3D8nDOlxecFTDaNyOhCteW9Px_88vBP8XZf5d43NZyk3lR5glFF06bwwQP8u0yL_9HEVsZ5PTc2rtc53TKHqF-O6qPvGHODb8tiMFRRLrNa0MGtBsBeNN7M-wW11If6qx8B4JZ36FdSzJ77IKETfLVhZxrkos-yrI_x3vZpTQ9">Microsoft is the technology provider of the US military.</a></p>
|
|
|
|
<p><a href="https://www.washingtonpost.com/technology/2024/02/22/pentagon-ai-symposium-chatgpt-uses/">OpenAI (chatGPT) is used by intelligence agencies</a></p>
|
|
|
|
<p><a href="https://www.yourtango.com/self/intuit-ceo-laid-off-1800-workers-claimed-most-were-underperformers">Mailchimp, owned by Inuit, fired nearly 1,800 employees and slanderd them all</a></p>
|
|
|
|
<p><a href="https://www.nytimes.com/2024/08/13/technology/elon-musk-x-donald-trump.html">Twitter is owned my a manic billionaire that is a maga weirdo</a></p>
|
|
|
|
<p><a href="https://www.nbcnews.com/tech/tech-news/facebook-turned-chat-messages-mother-daughter-now-charged-abortion-rcna42185">Facebook chats have been used to imprison abortion rights advocates</a></p>
|
|
|
|
<p><a href="https://en.wikipedia.org/wiki/NationBuilder">A Nationbuilder founder Robert Greenwald is close with Mark Zuckerberg and its initial founders include prominent republicans. Plus the service is effectively banned in Europe over privacy concerns</a></p>
|
|
</div>
|
|
|
|
<div class="theory-container">
|
|
<h3>Sharing is caring. Knowledge is power. Creation is a community process.</h3>
|
|
<p>Want to read more theory on this? Read some papers:</p>
|
|
<ul>
|
|
<li><a href="https://repo.bnkops.com/thatreallyblondehuman/Thoughts%20%F0%9F%A4%94/Distributed%20Digital%20Organizing%20is%20The%20Way%20Out.html">Distribute Digital Organizing is the Way Out</a></li>
|
|
<li><a href="https://repo.bnkops.com/thatreallyblondehuman/Thoughts%20%F0%9F%A4%94/If%20you%20do%20politics%20who%20is%20reading%20your%20secrets%20-%20why%20you%20should%20de-corp%20your%20software%20stack.html">If you do politics who is reading your secrets</a></li>
|
|
<li><a href="https://repo.bnkops.com/thatreallyblondehuman/Thoughts%20%F0%9F%A4%94/How%20not%20to%20get%20got%20making%20content%20v2.html">How to not get got making content</a></li>
|
|
<li><a href="https://repo.bnkops.com/What%20is%20a%20Repo%20and%20Why%20Make%20One%20%F0%9F%92%AD%20%F0%9F%8D%84.html">What is a Repo and Why Make One 💭 🍄</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="free-container">
|
|
<h2>It's Truly Free(ish)</h2>
|
|
<h3 style="text-align: center;">All we ask in return is your email.</h3>
|
|
<p>By joining our platform, you gain access to a system that bnkops excels in. We are a collective dedicated to positive change, and while we do charge for our expertise, your email helps us stay connected and grow together. Consider partnering with us in the future to collaborate with like-minded individuals who are committed to building a better tomorrow.</p>
|
|
<p>Our platform is designed to be accessible to everyone, regardless of their financial situation. We believe that everyone should have access to the tools they need to make a difference in the world, and we're committed to providing those tools to you for free.</p>
|
|
<p> We ask for your email also so we can reach you with updates; the only way to stay secure is to keep developing and updating our systems. We promise not to spam you, and you can unsubscribe at any time.</p>
|
|
</div>
|
|
|
|
<form method="post" action="https://listmonk.bnkops.com/subscription/form" class="listmonk-form">
|
|
<div style="
|
|
background-color: #fbbf24;
|
|
padding: 1.25rem;
|
|
padding-top: 0.5rem;
|
|
border-radius: 0.5rem;
|
|
color: #1f2937;
|
|
width: 100%;
|
|
max-width: 800px;
|
|
margin: 1rem 0;
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
animation: glow 2s ease-in-out infinite;
|
|
position: relative;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
display: inline-block;
|
|
">
|
|
<style>
|
|
@keyframes glow {
|
|
0% { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
|
|
50% { box-shadow: 0 0 20px rgba(251, 191, 36, 0.4); }
|
|
100% { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
|
|
}
|
|
@media (max-width: 1024px) {
|
|
.listmonk-form > div {
|
|
width: 90% !important;
|
|
max-width: 600px !important;
|
|
}
|
|
}
|
|
@media (max-width: 640px) {
|
|
.listmonk-form > div {
|
|
width: 95% !important;
|
|
max-width: none !important;
|
|
}
|
|
}
|
|
</style>
|
|
<h3 style="font-size: 1.25rem; font-weight: bold; margin-bottom: 0.75rem; color: #1f2937;">Subscribe</h3>
|
|
<input type="hidden" name="nonce" />
|
|
<div style="display: flex; gap: 1rem; margin-bottom: 0.5rem;">
|
|
<p style="margin: 0; flex: 1;">
|
|
<input type="email"
|
|
name="email"
|
|
required
|
|
placeholder="E-mail"
|
|
style="width: 100%; padding: 0.75rem; border: 1px solid #e5e7eb; border-radius: 0.375rem; background: white; color: #4b5563; ::placeholder { color: #9ca3af; }" />
|
|
</p>
|
|
<p style="margin: 0; flex: 1;">
|
|
<input type="text"
|
|
name="name"
|
|
placeholder="Name (optional)"
|
|
style="width: 100%; padding: 0.75rem; border: 1px solid #e5e7eb; border-radius: 0.375rem; background: white; color: #4b5563; ::placeholder { color: #9ca3af; }" />
|
|
</p>
|
|
</div>
|
|
|
|
<p style="display: flex; align-items: center; gap: 0.5rem; margin: 0 0 0.75rem 0;">
|
|
<input id="038eb"
|
|
type="checkbox"
|
|
name="l"
|
|
checked
|
|
value="038eb469-e141-435d-86eb-2ab4df20cf9c"
|
|
style="width: 1rem; height: 1rem; accent-color: #1f2937;" />
|
|
<label for="038eb" style="font-size: 0.875rem;">Weekly(ish) Update</label>
|
|
</p>
|
|
|
|
<p style="margin: 0;">
|
|
<input type="submit"
|
|
value="Subscribe"
|
|
style="width: 100%; padding: 0.75rem; background-color: #1f2937; color: white; border: none; border-radius: 0.375rem; font-weight: 500; cursor: pointer; transition: all 0.2s; hover: { background-color: #374151; transform: translateY(-1px); }" />
|
|
</p>
|
|
</div>
|
|
</form> |