site-libsoc/Server/public/js/components/affiliates-component.js

2 lines
4.1 KiB
JavaScript

import{S as t,i as e,a as i,b as n,s as a,e as o,c as r,n as s,d as l,f as m,g as c,h as g,j as d,o as h,t as f}from"./index-95aedb1a.js";import"../../../../../../../../../js/components/map-component.js";function p(t,e,i){const n=t.slice();return n[1]=e[i],n}function u(t){let e,i,a,m,d,h,p,u,x,b,w,v,y,k,C,j,z,D,T,A,E,F,G,L,O,R,S,W=t[1].name+"",_=t[1].type+"",q=t[1].link+"",H=t[1].description+"";return{c(){e=o("div"),i=o("div"),a=o("picture"),m=o("source"),d=r(),h=o("source"),p=r(),u=o("img"),x=r(),b=o("div"),w=o("p"),v=o("b"),v.textContent="Name: ",y=f(W),k=r(),C=o("p"),j=o("b"),j.textContent="Type: ",z=f(_),D=r(),T=o("p"),A=o("b"),A.textContent="Link: ",E=o("a"),F=f(q),G=r(),L=o("p"),O=o("b"),O.textContent="Description: ",R=f(H),S=r(),l(m,"srcset","/img/affiliates/"+t[1].logo+".webp"),l(h,"srcset","/img/affiliates/"+t[1].logo+".jpg"),l(u,"class","affiliate-logo"),l(u,"alt","logo"),l(E,"href",t[1].link),l(E,"target",";_blank;"),l(E,"rel","noreferrer"),l(i,"class","img-general-info"),l(e,"class","location-info")},m(t,o){n(t,e,o),c(e,i),c(i,a),c(a,m),c(a,d),c(a,h),c(a,p),c(a,u),c(i,x),c(i,b),c(b,w),c(w,v),c(w,y),c(b,k),c(b,C),c(C,j),c(C,z),c(b,D),c(b,T),c(T,A),c(T,E),c(E,F),c(e,G),c(e,L),c(L,O),c(L,R),c(e,S)},p:s,d(t){t&&g(e)}}}function x(t){let e,i,a,h,f,x,b,w,v,y,k,C,j,z=t[0],D=[];for(let e=0;e<z.length;e+=1)D[e]=u(p(t,z,e));return{c(){e=o("div"),i=o("div"),a=o("h1"),a.textContent="Affiliates",h=r(),f=o("img"),b=r(),w=o("p"),w.textContent="We affiliate with organizations and initiatives that align with our mission. Together, we are a united force driven by a shared worldview where there is no place for authoritarian exploitative systems, but where systems promoting equity and democracy thrive.",v=r(),y=o("h3"),y.textContent="Our affiliates",k=r(),C=o("h4"),C.textContent="Online",j=r();for(let t=0;t<D.length;t+=1)D[t].c();this.c=s,l(f,"id","hands-img"),m(f.src,x="/img/common/handshake.svg")||l(f,"src","/img/common/handshake.svg"),l(f,"alt","hands"),l(i,"id","text-container"),l(e,"id","container")},m(t,o){n(t,e,o),c(e,i),c(i,a),c(i,h),c(i,f),c(i,b),c(i,w),c(i,v),c(i,y),c(i,k),c(i,C),c(i,j);for(let t=0;t<D.length;t+=1)D[t].m(i,null)},p(t,[e]){if(1&e){let n;for(z=t[0],n=0;n<z.length;n+=1){const a=p(t,z,n);D[n]?D[n].p(a,e):(D[n]=u(a),D[n].c(),D[n].m(i,null))}for(;n<D.length;n+=1)D[n].d(1);D.length=z.length}},i:s,o:s,d(t){t&&g(e),d(D,t)}}}function b(t){return h((()=>{})),[[{name:"Gaia's Fall",type:"a place to discuss and organize",link:"https://discord.libsoc.org",description:"Gaia's Fall is a server that promotes Solarpunk ideals, environmentalism, anarchism, and anti-capitalism. We encourage civil debates, discussions of theories and possibilities, and the creation of communities focused on shaping a better world. It is our official Discord server where we organize and work together.",logo:"gaias_fall"}]]}class w extends t{constructor(t){super(),this.shadowRoot.innerHTML="<style>@import '/css/common.css';#hands-img{position:absolute;width:10.5rem;left:50%;transform:translate(-50%);z-index:0;opacity:0.2;margin-top:-2rem}#text-container>:nth-child(3){margin-top:6rem}.img-general-info{display:flex;align-content:center;width:100%;gap:1.5rem;align-items:center;margin-bottom:1rem}.img-general-info>:nth-child(2){flex:none}.affiliate-logo{position:relative;right:0;max-height:8rem;max-width:100%;border-radius:1rem}h4{margin-bottom:2rem}.location-info{position:relative;margin-bottom:2rem}.location-info p{margin-bottom:0}a{color:#DD1C1A}#text-container{max-width:calc(100vw - 4rem);margin:auto}h1{margin-bottom:1rem;font-size:2.2rem;text-align:center}h3{margin-bottom:2rem}#container{margin:auto;max-width:1200px;margin-top:1rem;margin-bottom:4rem}#container>div>p{margin-bottom:1rem}#container p{text-align:justify}@media only screen and (max-width: 500px){.img-general-info{display:flex;flex-direction:column;align-content:left;width:100%;gap:1rem;align-items:left;margin-bottom:0rem}.img-general-info>:nth-child(1){width:max-content}.img-general-info>:nth-child(2){width:100%}}</style>",e(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},b,x,a,{},null),t&&t.target&&n(t.target,this,t.anchor)}}customElements.define("affiliates-component",w);export{w as default};