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

+ + +
+ + +
+

Unsere Projekte

+ +
+
+ + + 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 +} +} +