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.
95 lines
9.7 KiB
HTML
95 lines
9.7 KiB
HTML
3 weeks ago
|
<!DOCTYPE html>
|
||
|
3 weeks ago
|
<html lang="en">
|
||
|
3 weeks ago
|
<head>
|
||
|
|
<link rel="stylesheet" href="./style.css">
|
||
|
|
<script src="./script.js"></script>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Communist Internet Federation</title>
|
||
|
|
</head>
|
||
|
3 weeks ago
|
<body>
|
||
|
|
|
||
|
3 weeks ago
|
<!--Welcome Page Sector-->
|
||
|
|
<div class="page" id="page1">
|
||
|
|
<h1 class="slidefadein title"><span class="no-break">[ CiF ].su</span></h1>
|
||
|
|
<h2 class="slidefadein"><span class="no-break">Let's change the World.</span> <span class="no-break">For the Better.</span> <span class="no-break">Together.</span> <span class="no-break">Bit for <span class="glitch">Bit</span>.</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)">
|
||
|
|
<!-- Hammer -->
|
||
|
|
<path class="filled" d="M84 49h22v112H84z"/>
|
||
|
|
<path class="filled" d="M64 54h52l16 21v7H64z"/>
|
||
|
|
<!-- Right grain -->
|
||
|
|
<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)"/>
|
||
|
|
<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)"/>
|
||
|
|
<!-- Left grain -->
|
||
|
|
<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)"/>
|
||
|
|
<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>
|
||
|
3 weeks ago
|
</div>
|
||
|
|
|
||
|
3 weeks ago
|
<!--Info Sector-->
|
||
|
|
<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>
|
||
|
3 weeks ago
|
<ul>
|
||
|
3 weeks ago
|
<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>
|
||
|
3 weeks ago
|
<li><h2>Democracy</h2><p>All Decisionmaking, has to be made on a Anarchic-Democratic basis, involving ALL volunteering [ CiF ] Members</p></li>
|
||
|
3 weeks ago
|
<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>
|
||
|
3 weeks ago
|
</ul>
|
||
|
|
|
||
|
3 weeks ago
|
</div>
|
||
|
3 weeks ago
|
|
||
|
3 weeks ago
|
<!--Project Intorductions-->
|
||
|
|
<div class="card neomorphic projects">
|
||
|
|
<h1>Our Projects </h1>
|
||
|
|
<ul>
|
||
|
3 weeks ago
|
<li class="cards1 neomorphic-i project"><a href="https://lemmy.cif.su/"><img src="https://code.cif.su/CiF/Branding/raw/branch/main/Logos/Lemmy/CiF-Lemmy.svg" class="cards2 neomorphic2"/></a><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"><a href="https://peertube.cif.su/"><img src="https://code.cif.su/CiF/Branding/raw/branch/main/Logos/Peertube/CiF-Peertube.svg" class="cards2 neomorphic2"/></a><div class="info"><h2><a href="https://peertube.cif.su">Peertube</a></h2><p>A P2P Federated VOD Platform similar to Youtube and BilliBilli. Free to use for everyone without upload-limit.</p></div></li>
|
||
|
|
<li class="cards1 neomorphic-i project"><a href="https://mastodon.cif.su/"><img src="https://code.cif.su/CiF/Branding/raw/branch/main/Logos/Mastodon/CiF-Mastodon.svg" class="cards2 neomorphic2"/></a><div class="info"><h2><a href="https://mastodon.cif.su">Mastodon</a></h2><p>A Short-Messaging Service, Similar to Twitter and BlueSky. Good, for the Latest News, Updates and making your opinion heard.</p></div></li>
|
||
|
|
<li class="cards1 neomorphic-i project"><a href="https://code.cif.su/"><img src="https://code.cif.su/CiF/Branding/raw/branch/main/Logos/Git/CiF-Git.svg" class="cards2 neomorphic2"/></a><div class="info"><h2><a href="https://code.cif.su">Git</a></h2><p>Our Free to Use Code Reposetory, where we upload all of our finished & work-in-progress projects. Also Free for you, to use as your own git Reposetory.</p></div></li>
|
||
|
|
<li class="cards1 neomorphic-i project"><a href="https://fm.cif.su/"><img src="https://code.cif.su/CiF/Branding/raw/branch/main/Logos/Radio/CiF-Radio.svg" class="cards2 neomorphic2"/></a><div class="info"><h2><a href="https://fm.cif.su">Radio</a></h2><p>A Leftist 24/7 Radio Webradio Stream, to kill the time until the collapse of capitalism finally has gone through.</p></div></li>
|
||
|
3 weeks ago
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
3 weeks ago
|
</html>
|
||
|
3 weeks ago
|
|