From 3030799301fa360087e6f78106e2849e6b932617 Mon Sep 17 00:00:00 2001 From: anthony Date: Fri, 13 Jun 2025 16:32:18 +0200 Subject: [PATCH] new file: index.de.html renamed: index.html -> index.en.html modified: style.css --- index.de.html | 94 +++++++++++++++++++++++++++++++++++++ index.html => index.en.html | 11 +++-- style.css | 81 ++++++++++++++++++++++++++++++-- 3 files changed, 178 insertions(+), 8 deletions(-) create mode 100644 index.de.html rename index.html => index.en.html (80%) diff --git a/index.de.html b/index.de.html new file mode 100644 index 0000000..087d0be --- /dev/null +++ b/index.de.html @@ -0,0 +1,94 @@ + + + + + + + Communist Internet Federation + + + + +
+

[ CiF ].su

+

Lass uns die Welt verändern. Zum Besseren. Gemeinsam. Stück für Stück.

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + +
+
+

Ach du Scheiße...

+

Die Welt steht in Flammen. Sinngemäß und Wortwörtlich. Großunternehmen zerstören den Planeten. Manipulieren die Politil und Bestehlen jeden einzelnen von uns. ES IST ZEIT WAS ZU ÄNDERN. Leider können wir nicht alles auf einmal ändern (auch wenn wir das WIRKLICH WOLLEN würden…), also beginnen wir mit der wichtigsten Säule der modernen Welt: dem Internet.

+
+
+

Unsere Mission:

+

Kostenlose, quelloffene Software, die Nutzer in den Vordergrund stellt und Privatsphäre respektiert. Keine Werbung, keine Sponsoren, keine Tracker und Datenhändler. Alles wird durch Spenden finanziert und von Freiwilligen entwickelt und gewartet.

+
+
+

Unsere Prinzipien

+
    +

  • Transparen

    Wir laden alle unsere Arbeiten in unser öffentliches Git-Repo hoch – auch frühe Entwicklungsversionen oder Sachen, die nicht für die Öffentlichkeit bestimmt sind.

    • +

  • Vernetzung und Vereinigung

    Alle Projekte, die auf serverbasierte Informationen angewiesen sind, müssen sicherstellen, dass andere Server auf Augenhöhe interagieren und mit ihnen interagiert werden kann.

    • +

  • Offenes-Schluss Richtlinien

    Wir müssen sicherstellen, dass alle unsere Projekte so aufgebaut sind, dass der Nutzer die Möglichkeit hat, unser Ökosystem zu verlassen, ohne dabei Funktionen oder gesammelte Nutzerdaten zu verlieren, solange dies technisch möglich ist.

    • +

  • Demokratie

    Alle Entscheidungsfindung muss auf einer anarchisch-demokratischen Basis erfolgen und ALLE freiwilligen [ CiF ]-Mitglieder einbeziehen.

    • +

  • Meinungsfreiheit

    Zur Sicherung der Meinungsfreiheit ist jede Moderation zu dokumentieren und öffentlich zugänglich zu machen, wobei nur das Notwendigste verborgen werden darf.

    • +
+ +
+ + +
+

Unsere Projekte

+
    +

  • Lemmy

    Eine Forum-basierte Social-Media-Plattform ähnlich wie Reddit und 4Chan. Voll kompatibel mit dem Fediverse. Ein guter Ort für Diskussionen und Ratschläge.

    • +

  • Peertube

    Eine P2P-föderierte VOD-Plattform ähnlich wie YouTube und Bilibili. Kostenlos nutzbar für alle ohne Upload-Limit.

    • +

  • Mastodon

    Ein Kurznachrichtendienst, ähnlich wie Twitter und BlueSky. Gut für die neuesten Nachrichten, Updates und um deine Meinung kundzutun.

    • +

  • Git

    Unser kostenloses Code-Repository, in das wir alle unsere fertigen und laufenden Projekte hochladen. Auch für dich kostenlos nutzbar, als dein eigenes Git-Repository.

    • +

  • Radio

    Ein rund um die Uhr linker Webradio-Stream, um die Zeit bis zum endgültigen Kollaps des Kapitalismus zu überbrücken.

    • +
+
+
+ + + diff --git a/index.html b/index.en.html similarity index 80% rename from index.html rename to index.en.html index 04f89e9..3462c08 100644 --- a/index.html +++ b/index.en.html @@ -71,7 +71,7 @@

  • Transparancy

    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.

  • Federation And Unification

    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.

  • Open-Lock Policy

    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.

    • -

  • Democracy

    All Decisionmaking, has to be made on a Anarchic-Democratic basis, involving ALL volunteering [CiF] Members

    • +

  • Democracy

    All Decisionmaking, has to be made on a Anarchic-Democratic basis, involving ALL volunteering [ CiF ] Members

  • Freedom of Speech

    To ensure Freedom of Speech, all Moderation work has to be documented and publically displayed, with only the most necesary elements obscured.

    • @@ -81,10 +81,11 @@

    Our Projects

    diff --git a/style.css b/style.css index eff61b1..a64100a 100644 --- a/style.css +++ b/style.css @@ -302,7 +302,7 @@ img { /*Light Color Themes*/ @media (prefers-color-scheme: light) { :root{ - background-color: #000000; + background-color: #fff3f9; } #page1 { @@ -469,11 +469,9 @@ img { .project { color: #ffa7c7; } - .project h1 { color: #fff3f9; } - .project a:link { color: #fff3f9; } @@ -492,3 +490,80 @@ img { } } + +/*Button Hover Animation*/ +@media (prefers-color-scheme: light) { +.neomorphic{ + background: #ffa7c7; + box-shadow: -5px -5px 20px rgb(254,254,255, 0.69), + 2px 2px 20px rgb(255,90,153) +} + +.neomorphic-i{ + background: #ffa7c7; + box-shadow: -3px -3px 15px rgba(254, 254, 255, 0.69) inset, + 1px 1px 15px rgb(255,90,153) inset + +} + +.neomorphic2{ + background: #ffa7c7; + transition: all 0.1s ease-in-out; + transform: scale(1); + cursor: pointer; + box-shadow: -5px -5px 20px rgba(254,254,255,0.5), + 2px 2px 20px rgb(255,90,153) +} + +.neomorphic2:hover{ + background: #ffa7c7; + transform: scale(0.98); + box-shadow: -5px -5px 20px rgba(254, 254, 255, 0), + 2px 2px 20px rgba(255, 90, 153, 0) +} + +.neomorphic2:active{ + background: #ffa7c7; + transform: scale(0.96); + box-shadow: -3px -3px 15px rgba(254, 254, 255, 0.69) inset, + 1px 1px 15px rgb(255,90,153) inset +} +} + +@media (prefers-color-scheme: dark) { +.neomorphic{ + background: #55052c; + box-shadow: -5px -5px 20px rgba(1, 1, 0, 0.69), + 2px 2px 20px rgba(0, 215, 143, 0.425) +} + +.neomorphic-i{ + background: #55052c; + box-shadow: -3px -3px 15px rgba(1, 1, 0, 0.69) inset, + 1px 1px 15px rgb(0, 0, 0) inset + +} + +.neomorphic2{ + background: #55052c; + transition: all 0.1s ease-in-out; + transform: scale(1); + box-shadow: -5px -5px 20px rgba(1, 1, 0, 0.5), + 2px 2px 20px rgba(0, 215, 143, 0.534) +} + +.neomorphic2:hover{ + background: #55052c; + transform: scale(0.98); + box-shadow: -5px -5px 20px rgba(1, 1, 0, 0), + 2px 2px 20px rgba(1, 1, 0, 0) +} + +.neomorphic2:active{ + background: #55052c; + transform: scale(0.96); + box-shadow: -3px -3px 15px rgba(1, 1, 0, 0.69) inset, + 1px 1px 15px rgba(0, 215, 143, 0.425) inset +} +} +