From f8b0c6b9c9ce83ae242f2382cd644cfb410aa741 Mon Sep 17 00:00:00 2001 From: anthony Date: Fri, 13 Jun 2025 16:32:18 +0200 Subject: [PATCH] new file: CiF Logo Gold.svg new file: V2/CiF Logo Gold.svg modified: index.html new file: script.js modified: style.css --- .fuse_hidden00012dd100000001 | Bin 0 -> 4276 bytes CiF Logo Gold.svg | 137 ++++++++++++++ V2/CiF Logo Gold.svg | 75 ++++++++ index.html | 99 ++++++++-- script.js | 40 ++++ style.css | 343 +++++++++++++++++++++++++++++++++-- 6 files changed, 671 insertions(+), 23 deletions(-) create mode 100644 .fuse_hidden00012dd100000001 create mode 100644 CiF Logo Gold.svg create mode 100644 V2/CiF Logo Gold.svg create mode 100644 script.js diff --git a/.fuse_hidden00012dd100000001 b/.fuse_hidden00012dd100000001 new file mode 100644 index 0000000000000000000000000000000000000000..e6723fe859055040da575d0fbec17cb2d411b15e GIT binary patch literal 4276 zcmV;l5KHgvzjh_F}6 zWyn35oT7`(y*K=S-lG*ykXfu1Jl;3#6@U4#N}kJdj%~kCJpsmKEq0bSVNd6?>4YDo zCMTS_8Cp-w>btUkwkegpd?{@9hfJk`OQZ=aKjcffljLQ@$*5$HxALX$ z>3oYrwMxm-g7!w6!i5>G*A}p^q|0_apeDhNkG9l06UPg7GgvuA5y4!+9&ni-SxuOc zR@V8;z}CVc%pmVUQW+Ju8gBXMdYC8rC%PU`$bUe)iZvR%RsS7mIyQT19zw(>|5JY& z+=+QkkSti6Q-5O)gM?yD25&0w{UAbX2<#CH=Zu#ne4|260JLj4n*W4f!U_py9Eahv ztgGlb4?3F0N*f2Nw8yamX|5c|>5tAJ8tF3{rB{YU?HOoT^+`6X8rmWnVLulqGAk1? zh?g4MUdII~r+r-Hk2y2oA&g>@fH+own6u1&?hkL?!UIG4jHRN&!cBY-pl8?Nha`DM z)@B@!>KSq6UyjE5-jLDGCV{aRi^>jB@v6w%xe)**Ps4c@3F2B5ON?1*UGu{8^yhL% ztZm^gSaJ2s4b0K-UcN7VL{dQ3bw%{dzIAqj3Ylqb!n{4vogJ{l^y(82SPlfzbZuNT zgecQFlCpP;lv)k{uc?28=AH{i>&;OINQB~oa>QMR{C z4zr{JS_q?P7j=2P_LOupIkoHg_n*pTV7n*WbJfBHj{w?xyE=E7$ykp`cEgglap5GA zkJ}-KDKdS*JY4E@%azc)ozyT5ybD4QF)GW9uht&Pkt!vVXu{y)azWg&NO2ZTlt~el z2C1Cq$IxQOtRKUNy^Di-ZuOzjGCqof6_1nB>E(w+38Y#=O-Mj3r84EhoW=`uN=wO7d7E7@*cok$!%RE{oYY33imJ;|fjh%hBsp=_mCQ~P02AFq%t8dN!Sm@trx9W$9=v3x?vvL>4xNwm_#aC~7p@Lf)I!sa zMu`zm)Z9I=5K>t$atf53)&H&wYXpPR)XSk@0sY#LJy$@cna0^}JKdvWjXukRB>{0!D_ny6BL27(Q$Mj#v#76Uw*Q%+o08sOR5hIXj|>) zMs6`ES;=Aj9c`tzGL;Diho8AbBgSk*JJ7)Frto?g5%xTL*<5z#WHoI@sb zULDCuvp@jG5kDd&b*ngFpp*gw_m!bZm=$G9T+MVmOv75$-8Qau3hl2{;c6iuV+st? zH9y8kVSOzk$X_(!GP*%%jcyd5-*l4X#Q<-%w?y?l^H|_tL0U)$S!f3{D>=2mPKyoB z!xI{RqJ24mqfEsWL33+*Em%3yYp?@xF3z|5(=?a7#0xL5MTZF4fmsC<3>iT<3=~;N zMq=pyhh-U5_d>bwr-cZnlRph6XW$_?0ta~$E5L}zUf+%;;o>`PV!Q|9E#mT_L6Gmk z@h9;3xX1I-LCw4Hq1^*miLc-mJb(WwOG(J+)V zKd5id46lxI&27GeA8RE50)|eEhJwxCA!a-oIcbQBc@8NhHLmq`V{@zosB5Y;vcmP0 z!P14gEL@uDLteX-^nVga+NG}RBC*UF>?2MS9*!TZER0s4!7jI^&>x@){%9_uat$zB z$!Tr@=hsEJHcTSM{_}xmLG!-t2dTN6&BzGpx=9L!Y-vmpvV>2j-mBxy$b#!5I})?w z&YaD&Athr*W}G7Qk!j9V(pSSS^%P>K#WB-v@|7!?rRslKFru|Mu&e1~cl%eU8F2$B zY^D}_@k?7#YyN{0L1cFuKeIq%vG*u&lhx|b3DK7R<_DiVyr$IZ2KDs-Tv$~z6V9)T zPR)3$+i^Y=H^A~K&SV5(5NAXV>#|Tp1UH|;VYXX&_?ABZhuGu>Z*?$Xo?p5Rz2ivi z-Du}1&${zTOa%?Qv3cpw@D(^(PD>fvNPuZ|ebr;s!9?BtJlx2Pv6Oz(-Ewg2(K!a^ zymJM9j<~?FnfcvC3cNeMU3~&Y;fXGLRRG++rVz4nWiyrq(_pxUzIq+_fu|lFHgIV) zL!8CqT27V|M+TYdQGijz)6O)XNgC6~h7e`TrAyZ?Y>qZGQND??X2ojeqT#Bjba9on?kI*BtBJ(iTwt> z!}<)*ueLPluy}8=ls=z%BbC(oBS=|L?MZfo?0nT+CQGGqCBNg+3BY@v9{g&5|D;9dyo!pQTcBbi4aBwq(u_{8N~EZWnJ^LX!kJmC$~ipop*b& zhb)WujQCfPlL!9bChVp`AN7hjHNsC)tJO<2^8Uo9?%L_S9Sp5qaSWwX()dVkKjA! z=Tv~jY}DEFGSd!)sC@x!laZ|U-&wHO&ncHWgXHn3OM#ffN@G2x*CLRNX>gk*7ZlO$-?KmkXIV*BnNWJJ{BK&yI~wF{=j7>wN+-At`T zLI+0b`Xc*yjJ)n4EVU<#?;9b4tPbtNF8c|2Ufom%w=Mu7R;%N{)VRD9maFCDYoWmE z9ISx+Pm`d;G{esi`Vz1RUoI0#6Rt#nY@CD+$k3k8!^?>hxKK?8eaBwZmIjeG15`!H zL}0Td_5p05MzU6S80YsLp4J03PKzfLBUp$z)uO-Yr)&{08A z4Iy$sAqp|;H!>*Pc@5=IJ2A!f5;uah#6nsw!{er|GsuicQsPxBMD3!IRu(5%m+0wv;JFuWp_;O&mD7sUDOFdSL~ZvKa!ol)m_h(6BH#( zl!zZ45gg&2ABgRSF+jCU=9UF@wvL_OLCZ!_Tm*rT2{sB23!Cwg`jk?xJc@40cS}S@ zkAe+_ne;XAsqQwxWS@fhzN1&{1@oQx%2((k5nWHaJ2M`UE88;A&h$^~gX7DR&GNo3 zzGu&NE_U@T($iw_3((N%Vxr9n<;R`GtJlwNN@>(2w(NSXsn~-)0g-C&qRIe|m6Fp3P2bN8gDW75Xp7j58wWztsv4^s^>1H zzW%-31iY3>!>9CZ|96g%SZY|{XWPdN4>@ni)VUie%NZq8^!$skA3nc;#8#YqdFTV9ij`f9O?htYDcH z5J&=cJlC@1bj}@Zh5z?GLJ-r$3mpoW$)bi-RB61VZtgMI0KssWEUMq(2Cmw2w-J0| ze5%*C0kAj9rM~Ta(Nh%ip_Qbp4}Fux!g@1bg&tA|4$jK4r?4f+S<6QOpx1RB_2(Cd zR`%Q{uLbJ|L4}etqQa$emV^OmK#3jT=2bHRN7Bd+rO3Y<+MP{>{Yrb~GMe}yb}PGrAPx($_*Npr(U*)(qd({nSMb;)L;27DB^Sd%nP(~&`-EUH0dYdC{0Mof^eJTj7l_T> z7)1NLR*4_}{FmUyt*OaXtMZ)dLp{*h0b#E}^!%jvfhVYT;I7>``nb5dpoGrD);Kjz63 z)vf)+EbFI#4f}s3{4=OyUptagOyiGTkKdB36x59U0l@_y)*5oh#Li%hYk;a~gvH{( zpuqLq^?ooFjH9MALj3{@ZIxkA$FPuFHSJ9)>D#HL*DD)w0000DnS`_YtDipr0gfSn Wm;nIu$qXE^#Ao{g000001X)@Y%s-?6 literal 0 HcmV?d00001 diff --git a/CiF Logo Gold.svg b/CiF Logo Gold.svg new file mode 100644 index 0000000..22c7cc5 --- /dev/null +++ b/CiF Logo Gold.svg @@ -0,0 +1,137 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/V2/CiF Logo Gold.svg b/V2/CiF Logo Gold.svg new file mode 100644 index 0000000..6759528 --- /dev/null +++ b/V2/CiF Logo Gold.svg @@ -0,0 +1,75 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/index.html b/index.html index ddcf2e5..be59bce 100644 --- a/index.html +++ b/index.html @@ -1,19 +1,96 @@ - + + Mastodon + Communist Internet Federation -

Communist Internet Federation

-

This side is still heavily under construction

-

In the meantime check out our Lemmy Instance

- +
+

[ CiF ].su

+

Let's change the World for the Better. Together. Bit for Bit.

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

Oh Fuck...

+

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.

+
+
+

Our Mission:

+

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.

+
+
+

Our Principals

+
    +

  • 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

    • +

  • 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.

    • +
- +
+ +
+

Our Projects

+
    +

  • Lemmy

    A Forum based Social-Media Platform Similar to Reddit and 4Chan. Fully Compatible with the Fediverse. A good place for Discussion and Advice

    • +

  • Peertube

    A Forum based Social-Media Platform Similar to Reddit and 4Chan. Fully Compatible with the Fediverse. A good place for Discussion and Advice

    • +

  • Mastodon

    A Forum based Social-Media Platform Similar to Reddit and 4Chan. Fully Compatible with the Fediverse. A good place for Discussion and Advice

    • +

  • Git

    • +
+
+
+ - \ No newline at end of file + + + diff --git a/script.js b/script.js new file mode 100644 index 0000000..ee1c6e9 --- /dev/null +++ b/script.js @@ -0,0 +1,40 @@ + let initialScrollDone = false; + + window.addEventListener('wheel', (e) => { + if (!initialScrollDone && e.deltaY > 0) { + // Only trigger on initial downward scroll + e.preventDefault(); + window.scrollTo({ + top: window.innerHeight, + behavior: 'smooth' + }); + initialScrollDone = true; + // Enable normal scrolling after a short delay + setTimeout(() => { + document.body.style.overflow = 'auto'; + }, 10); + } + }); + + // Touch handling for mobile devices + let startY; + window.addEventListener('touchstart', (e) => { + startY = e.touches[0].clientY; + }); + + window.addEventListener('touchmove', (e) => { + const currentY = e.touches[0].clientY; + if (!initialScrollDone && currentY < startY) { + // Only trigger on initial upward touch move + e.preventDefault(); + window.scrollTo({ + top: window.innerHeight, + behavior: 'smooth' + }); + initialScrollDone = true; + // Enable normal scrolling after a short delay + setTimeout(() => { + document.body.style.overflow = 'auto'; + }, 10); + } + }); \ No newline at end of file diff --git a/style.css b/style.css index 14eadb1..7faaeca 100644 --- a/style.css +++ b/style.css @@ -3,19 +3,146 @@ src: url("./FuturaLT-Heavy.ttf") format("truetype"); } -body{ - position:absolute; - margin-top: 10px; - font-family: "Futura"; +* { + margin: 0; + padding: 0; + box-sizing: border-box; + } + + body { + overflow: hidden; + height: 100vh; + scroll-behavior: smooth; + text-align: center; + position: absolute; + margin-top: 10px; + font-family: "Futura"; + width: 100%; /* Full width */ + } + + .page { + width: 100%; + display: flex; + justify-content: center; + align-items: center; + font-size: 3rem; + flex-direction: column; /* Stack children vertically */ + } + + #page1 { + height: 100vh; + background-color: #fff3f9; + color: rgb(0, 0, 0); + } + + .title{ + font-size: 120px; + z-index: 1; + color: #ff5a99; + } + + #page2 { + background-color: #ffa7c7; + color: white; + } + +h2 { + font-size: 25pt; + z-index: 1 } -footer{ - position: fixed; - bottom: 0px; - width:100%; - height: 75px; - display: flex; - justify-content: space-around; +.glitch { + position: relative; + display: inline-block; + animation: glitch 1.2s infinite steps(1); /* Instant snaps */ +} + +/* MAIN GLITCH (Subtler movements, more variations) */ +@keyframes glitch { + /* Normal state (longer pauses) */ + 0%, 60%, 62%, 70%, 100% { + transform: translate(0) skew(0deg) scale(1); + text-shadow: none; + } + /* Micro-glitch variations */ + 2% { + transform: translate(1px, -1px) skew(-2deg) scale(1.01); + text-shadow: 1px 0 rgba(255, 0, 0, 0.7); + } + 5% { + transform: translate(-1px, 1px) skew(1deg) scale(0.99); + text-shadow: -1px 0 rgba(0, 0, 255, 0.7); + } + 15% { + transform: translate(2px, 0) skew(-3deg) rotate(0.5deg); + } + 25% { + transform: translate(-1px, -1px) skew(2deg) scaleY(1.02); + } + 35% { + transform: translate(0, 1px) skew(-1deg) rotate(-0.3deg); + text-shadow: 0 1px rgba(0, 255, 255, 0.5); + } + 45% { + transform: translate(1px, -1px) skew(1deg) scaleX(1.01); + } + 55% { + transform: translate(-2px, 0) skew(-2deg) rotate(0.2deg); + } + 65% { + transform: translate(0, -1px) skew(1deg) scaleY(0.98); + } + 80% { + transform: translate(1px, 1px) skew(-1deg) rotate(-0.1deg); + text-shadow: -1px -1px rgba(255, 0, 255, 0.4); + } + 90% { + transform: translate(-1px, 0) skew(0.5deg) scale(1.005); + } +} + +/* PSEUDO-ELEMENTS (Subtle color splits) */ +.glitch:before, +.glitch:after { + content: attr(data-text); + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 0.8; + animation: none; /* Disable smooth animations */ +} + +.glitch:before { + color: rgba(0, 255, 255, 0.7); /* Cyan */ + clip-path: polygon(0 0, 100% 0, 100% 30%, 0 30%); + transform: translate(-0.5px, -0.3px); + animation: glitch-before 1.5s infinite steps(1); +} + +.glitch:after { + color: rgba(255, 0, 255, 0.7); /* Magenta */ + clip-path: polygon(0 70%, 100% 70%, 100% 100%, 0 100%); + transform: translate(0.5px, 0.2px); + animation: glitch-after 1.8s infinite steps(1); +} + +/* Pseudo-element glitches (tiny offsets) */ +@keyframes glitch-before { + 0%, 100% { transform: translate(-0.5px, -0.3px); } + 10% { transform: translate(-1px, 0) skew(1deg); } + 30% { transform: translate(0, -0.5px) scaleY(1.02); } + 50% { transform: translate(-0.7px, 0.2px) skew(-0.5deg); } + 70% { transform: translate(0.3px, -0.3px); } +} + +@keyframes glitch-after { + 0%, 100% { transform: translate(0.5px, 0.2px); } + 20% { transform: translate(0.7px, -0.2px) skew(-0.3deg); } + 40% { transform: translate(0, 0.5px) scaleY(0.98); } + 60% { transform: translate(-0.3px, 0) skew(0.2deg); } + 80% { transform: translate(0.2px, 0.3px); } } .slidefadein { @@ -29,4 +156,196 @@ footer{ opacity: 1; transform: translateY(0); } - } \ No newline at end of file + } + +footer{ + position: fixed; + bottom: 0px; + width:100%; + height: 75px; + display: flex; + justify-content: space-around; +} + + .background-arms { + position: absolute; + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + z-index: 0; + } + + .sunken-arms { + width: 80vmin; + height: 80vmin; + max-width: 600px; + max-height: 600px; + opacity: 1; /* Subtle background appearance */ + filter: + drop-shadow(0.5px 0.5px rgba(255, 255, 255, 0.3)) + drop-shadow(-0.5px -0.5px rgba(176, 62, 106, 0.3)); + } + + .sunken-arms svg { + width: 100%; + height: 100%; + } + + /* Style for filled paths */ + .filled { + fill: #ffebf2; + stroke: #ffebf2; + stroke-width: 1.4; + stroke-linecap: round; + stroke-linejoin: round; + filter: + drop-shadow(inset 0.5px 0.5px rgba(176, 62, 106, 0.3)) + drop-shadow(inset -0.5px -0.5px rgba(255, 255, 255, 0.3)); + } + + /* Style for stroke-only paths (awns) */ + .stroked { + fill: none; + stroke: #ffebf2; + stroke-width: 1.4; + stroke-linecap: round; + stroke-linejoin: round; + filter: + drop-shadow(inset 0.5px 0.5px rgba(255, 255, 255, 0.3)) + drop-shadow(inset -0.5px -0.5px rgba(176, 62, 106, 0.3)); + } + + +.mission { + color: #55052c; +} + +.mission h1 { + font-size: 50pt; + margin-top: 5pt; +} + +.mission p { + font-size: 20pt; + margin-top: 5pt; + margin-bottom: 5pt; +} + +.about { + color: #55052c; +} + +.about h1 { + font-size: 50pt; + margin-top: 5pt; +} + +.about p { + font-size: 20pt; + margin-inline: 20pt; + margin-top: 5pt; + margin-bottom: 5pt; +} + +.principals { + color: #55052c; +} + +.principals h1 { + font-size: 50pt; + margin-top: 5pt; +} + +.principals p { + font-size: 20pt; + margin-inline: 20pt; + margin-top: 5pt; + margin-bottom: 5pt; +} + +.project { + color: #55052c; +} + +.project h1 { + font-size: 50pt; + margin-top: 5pt; +} + +.project p { + font-size: 20pt; + margin-inline: 20pt; + margin-top: 5pt; + margin-bottom: 5pt; +} + + +.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; + box-shadow: -5px -5px 20px rgba(254,254,255,0.5), + 2px 2px 20px rgb(255,90,153) +} + +.card { + width: 800pt; + height: auto; + border-radius: 20px; + display: flex; + align-items: center; + flex-direction: column; + margin-top: 30pt; +} + +.cards1 { + width: 700pt; + height: auto; + border-radius: 40pt; + display: flex; + align-items: center; + flex-direction: row; /* Changed from column to row */ + margin-top: 30pt; + gap: 20px; /* Adds some space between image and text */ +} + +.cards2 { + width: 200px; + height: auto; + border-radius: 40pt; + display: flex; + align-items: center; + flex-direction: column; +} + +ul { + list-style-type: none; +} + +li { + padding: 10pt; +} + +img { + width: 160px; + border-radius: 0 100px 100px 0; + padding: 5px; +} + +.info { + display: flex; + flex-direction: column; +} \ No newline at end of file