You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

97 lines
8.5 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<a rel="me" href="https://mastodon.cif.su/@anthony">Mastodon</a>
<link rel="stylesheet" href="./style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Communist Internet Federation</title>
</head>
<body>
<div class="page" id="page1">
<h1 class="slidefadein title">[ CiF ].su</h1>
<h2 class="slidefadein">Let's change the World for the Better. Together. Bit for <span class="glitch">Bit</span>.</h2>
<div class="background-arms">
<div class="sunken-arms">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 594.962">
<g transform="matrix(3.1679 0 0 3.1679 -.95 -.947)">
<!-- Main filled parts -->
<path class="filled" d="M84 49h22v112H84z"/>
<path class="filled" d="M64 54h52l16 21v7H64z"/>
<!-- Left awns (stroke only) -->
<path class="stroked" d="M370 495c-15-28-41-45-72-48M367 498c-14-28-41-45-71-47M365 501c-14-26-36-43-70-46M362 504c-12-24-35-43-68-45M357 502c-15-24-35-37-62-39M354 505c-12-21-30-35-58-38M350 506c-11-19-28-32-53-35" transform="translate(-194 -446)"/>
<!-- Left filled parts -->
<path class="filled" d="M262 629h13c37-8 64-23 79-45s17-50 4-81 0-1 1-1h1c14 32 11 60-4 83s-43 40-80 48c-8 2-14-4-14-4z" transform="translate(-194 -446)"/>
<path class="filled" d="M370 495c7 31-21 18 0 0z" transform="translate(-194 -446)"/>
<path class="filled" d="M346 503c31 5 9 27 0 0z" transform="translate(-194 -446)"/>
<path class="filled" d="M378 509c3 39-25 20 0 0z" transform="translate(-194 -446)"/>
<path class="filled" d="M352 517c32 10 4 28 0 0zM381 528c0 32-29 22 0 0z" transform="translate(-194 -446)"/>
<path class="filled" d="M355 530c0 35 27 15 0 0z" transform="translate(-194 -446)"/>
<path class="filled" d="M383 546c-7 33-35 17 0 0z" transform="translate(-194 -446)"/>
<path class="filled" d="M353 544c0 32 27 18 0 0z" transform="translate(-194 -446)"/>
<path class="filled" d="M379 565c-12 31-34 7 0 0z" transform="translate(-194 -446)"/>
<path class="filled" d="M351 556c-6 33 21 24 0 0zM370 585c-8 16-20 15-21 11-1-2-4-6 21-11zM359 603c-20 22-43-7 0 0z" transform="translate(-194 -446)"/>
<path class="filled" d="M337 583c-24 28 8 32 0 0z" transform="translate(-194 -446)"/>
<path class="filled" d="M343 618c-37-15-29 18 0 0z" transform="translate(-194 -446)"/>
<path class="filled" d="M323 594c-28 23 4 35 0 0zM353 491c-3 29 25 15 0 0zM346 569c-9 15-4 24 0 23s7 1 0-23z" transform="translate(-194 -446)"/>
<!-- Right awns (stroke only, mirrored) -->
<path class="stroked" d="M370 495c-15-28-41-45-72-48M367 498c-14-28-41-45-71-47M365 501c-14-26-36-43-70-46M362 504c-12-24-35-43-68-45M357 502c-15-24-35-37-62-39M354 505c-12-21-30-35-58-38M350 506c-11-19-28-32-53-35" transform="translate(384 -446) scale(-1,1)"/>
<!-- Right filled parts (mirrored) -->
<path class="filled" d="M262 629h13c37-8 64-23 79-45s17-50 4-81 0-1 1-1h1c14 32 11 60-4 83s-43 40-80 48c-8 2-14-4-14-4z" transform="translate(384 -446) scale(-1,1)"/>
<path class="filled" d="M370 495c7 31-21 18 0 0z" transform="translate(384 -446) scale(-1,1)"/>
<path class="filled" d="M346 503c31 5 9 27 0 0z" transform="translate(384 -446) scale(-1,1)"/>
<path class="filled" d="M378 509c3 39-25 20 0 0z" transform="translate(384 -446) scale(-1,1)"/>
<path class="filled" d="M352 517c32 10 4 28 0 0zM381 528c0 32-29 22 0 0z" transform="translate(384 -446) scale(-1,1)"/>
<path class="filled" d="M355 530c0 35 27 15 0 0z" transform="translate(384 -446) scale(-1,1)"/>
<path class="filled" d="M383 546c-7 33-35 17 0 0z" transform="translate(384 -446) scale(-1,1)"/>
<path class="filled" d="M353 544c0 32 27 18 0 0z" transform="translate(384 -446) scale(-1,1)"/>
<path class="filled" d="M379 565c-12 31-34 7 0 0z" transform="translate(384 -446) scale(-1,1)"/>
<path class="filled" d="M351 556c-6 33 21 24 0 0zM370 585c-8 16-20 15-21 11-1-2-4-6 21-11zM359 603c-20 22-43-7 0 0z" transform="translate(384 -446) scale(-1,1)"/>
<path class="filled" d="M337 583c-24 28 8 32 0 0z" transform="translate(384 -446) scale(-1,1)"/>
<path class="filled" d="M343 618c-37-15-29 18 0 0z" transform="translate(384 -446) scale(-1,1)"/>
<path class="filled" d="M323 594c-28 23 4 35 0 0zM353 491c-3 29 25 15 0 0zM346 569c-9 15-4 24 0 23s7 1 0-23z" transform="translate(384 -446) scale(-1,1)"/>
</g>
</svg>
</div>
</div>
</div>
<div class="page" id="page2">
<div class="card neomorphic about">
<h1>Oh Fuck...</h1>
<p>The World is on Fire. Figuratifly and Litterally. Big Coorperations are Destroying the Planet, Manipulating Politics and Robbing every single one of us. IT'S TIME TO FIGHT BACK. Saddly, we can't change everything at once, Guns Blazing (Even if we REALLY Would Like to...), so we're starting at the Most important Pillar of the Modern World. The Internet.</p>
</div>
<div class="card neomorphic mission">
<h1>Our Mission:</h1>
<p>Free, Open-Source, User-First Software that respects Privacy. No Ads, no Sponsors, no Trackers and Databrokers. Everything financed with Donation, and made and maintained by Volunteers.</p>
</div>
<div class="card neomorphic principals">
<h1>Our Principals</h1>
<ul>
<li><h2>Transparancy</h2><p>All of our work is uploaded to our open Git-Reposetory, even if early development stages, or if they're not even ment for public use.</p></li>
<li><h2>Federation And Unification</h2><p>All Projects that rely on server based Information, have to make sure, that other servers can Interact and can be interacted with, on an Eye-to-Eye Level.</p></li>
<li><h2>Open-Lock Policy</h2><p>We have to make sure all of our projects are build in a way that gives the User the Posibility to leave our Ecosystem, without loosing any Features or Accumulated Userdata, as long as technically possible.</p></li>
<li><h2>Democracy</h2><p>All Decisionmaking, has to be made on a Anarchic-Democratic basis, involving ALL volunteering [CiF] Members</p></li>
<li><h2>Freedom of Speech</h2><p>To ensure Freedom of Speech, all Moderation work has to be documented and publically displayed, with only the most necesary elements obscured.</p></li>
</ul>
</div>
<div class="card neomorphic projects">
<h1>Our Projects </h1>
<ul>
<li class="cards1 neomorphic-i project"><img src="https://code.cif.su/CiF/Branding/raw/branch/main/CiF-Lemmy.svg" class="cards2 neomorphic2"/><div class="info"><h2><a href="https://lemmy.cif.su">Lemmy</a></h2><p>A Forum based Social-Media Platform Similar to Reddit and 4Chan. Fully Compatible with the Fediverse. A good place for Discussion and Advice</p></div></li>
<li class="cards1 neomorphic-i project"><img src="https://code.cif.su/CiF/Branding/raw/branch/main/CiF-Peertube.svg" class="cards2 neomorphic2"/><div class="info"><h2><a href="https://peertube.cif.su">Peertube</a></h2><p>A Forum based Social-Media Platform Similar to Reddit and 4Chan. Fully Compatible with the Fediverse. A good place for Discussion and Advice</p></div></li>
<li class="cards1 neomorphic-i project"><img src="https://code.cif.su/CiF/Branding/raw/branch/main/CiF-Mastodon.svg" class="cards2 neomorphic2"/><div class="info"><h2><a href="https://mastodon.cif.su">Mastodon</a></h2><p>A Forum based Social-Media Platform Similar to Reddit and 4Chan. Fully Compatible with the Fediverse. A good place for Discussion and Advice</p></div></li>
<li class="cards1 neomorphic-i project"><h2><a href="https://code.cif.su">Git</a></h2></li>
</ul>
</div>
</div>
<script src="./script.js"></script>
</body>
</html>