Update
This commit is contained in:
a-ill
parent
bad1009564
commit
76192a32b7
|
|
@ -1,187 +0,0 @@
|
|||
/*---Footer----------------------------------------------------*/
|
||||
|
||||
footer {
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background: #5B6970;/*var(--dark-green);*/
|
||||
border-top: #cb1816 solid 0.5rem;
|
||||
}
|
||||
|
||||
footer p, footer a {
|
||||
font-family: var(--sans-serif);
|
||||
}
|
||||
|
||||
#footer-content-container {
|
||||
position: relative;
|
||||
margin: auto;
|
||||
padding-top: 2rem;
|
||||
max-width: 116rem;
|
||||
width: 97vw;
|
||||
}
|
||||
|
||||
#footer-grid-content-container {
|
||||
display: grid;
|
||||
margin-left: 2rem;
|
||||
margin-right: 2rem;
|
||||
margin-bottom: 1.4rem;
|
||||
}
|
||||
|
||||
.not-logged {
|
||||
grid-template-columns: auto auto auto 2rem;
|
||||
}
|
||||
|
||||
.logged {
|
||||
grid-template-columns: auto auto 2rem;
|
||||
}
|
||||
|
||||
footer h2 {
|
||||
color: #ffffff;
|
||||
font-size: 1.4rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
#footer-copyright {
|
||||
position: relative;
|
||||
color: #ffffff;
|
||||
margin-left: 2rem;
|
||||
bottom: 0rem;
|
||||
font-weight: 400;
|
||||
font-size: 1.2rem;
|
||||
height: 3rem;
|
||||
top: 0rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
|
||||
#tag-line {
|
||||
position: relative;
|
||||
margin: auto;
|
||||
font-size: 1.2rem;
|
||||
text-align: center;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
footer a {
|
||||
font-size: 1.2rem;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
footer p, footer label {
|
||||
display: block;
|
||||
font-size: 1.2rem;
|
||||
color: #d8d8d8;
|
||||
font-family: var(--sans-serif,sans-serif);
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
#newsletter-container h3 {
|
||||
margin-bottom: 0.99rem;
|
||||
}
|
||||
|
||||
#newsletter-container p {
|
||||
width: 28.665rem;
|
||||
margin-bottom: 0.48rem;
|
||||
}
|
||||
|
||||
#newsletterEmailInput {
|
||||
height: 2.5rem;
|
||||
width: 20.5rem;
|
||||
border: 0;
|
||||
border-radius: 0.4rem 0 0 0.4rem;
|
||||
filter: drop-shadow( 0.07rem 0.14rem 0.07rem rgb(0 0 0 / 0.4));
|
||||
}
|
||||
|
||||
#newsletterEmailInput::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
|
||||
color: var(--c,gray);
|
||||
opacity: 1; /* Firefox */
|
||||
}
|
||||
|
||||
#newsletterEmailButton {
|
||||
position: absolute;
|
||||
width: 6.8rem;
|
||||
height: 2.5rem;
|
||||
background: #F29E9D;
|
||||
color: #ffffff;
|
||||
font-family: var(--sans-serif,sans-serif);
|
||||
font-size: 1.4rem;
|
||||
border-radius: 0 0.2rem 0.2rem 0;
|
||||
filter: drop-shadow( 0.07rem 0.14rem 0.07rem rgb(0 0 0 / 0.4));
|
||||
}
|
||||
|
||||
#newsletterEmailButton:active {
|
||||
background: #E44644;
|
||||
}
|
||||
|
||||
#contact-us-container {
|
||||
width: 16rem;
|
||||
}
|
||||
|
||||
#contact-us-container h3 {
|
||||
margin-bottom: 0.99rem;
|
||||
}
|
||||
|
||||
#legal-info-container {
|
||||
width: 9.6rem;
|
||||
}
|
||||
|
||||
#legal-info-container h3 {
|
||||
margin-bottom: 0.99rem;
|
||||
}
|
||||
|
||||
#legal-info-container p {
|
||||
margin-bottom: 0.48rem;
|
||||
}
|
||||
|
||||
#legal-info-container a {
|
||||
display: block;
|
||||
margin-bottom: 0.48rem;
|
||||
}
|
||||
|
||||
|
||||
#footer-up {
|
||||
position: absolute;
|
||||
width: 4.8rem;
|
||||
height: 4.8rem;
|
||||
border-radius: 3.4rem;
|
||||
top: 4rem;
|
||||
right: 2rem;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
#footer-up svg {
|
||||
width: 40%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.grass{
|
||||
position: absolute;
|
||||
top: -3.8rem;
|
||||
--height: 3.82rem;
|
||||
filter: drop-shadow( 0.07rem 0.14rem 0.07rem rgb(0 0 0 / 0.4));
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1170px) {
|
||||
.not-logged {
|
||||
grid-template-rows: auto auto auto auto;
|
||||
grid-template-columns: auto;
|
||||
row-gap: 2rem;
|
||||
}
|
||||
|
||||
.logged {
|
||||
grid-template-rows: auto auto auto;
|
||||
grid-template-columns: auto;
|
||||
row-gap: 2rem;
|
||||
}
|
||||
|
||||
#footer-copyright {
|
||||
height: 1rem;
|
||||
top: -2rem;
|
||||
}
|
||||
|
||||
#newsletterEmailInput {
|
||||
width: 18rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -37,7 +37,7 @@
|
|||
</g>
|
||||
</svg>
|
||||
</button>
|
||||
<p id="footer-copyright">© 2023 {$content.libertarianSocialists}</p>
|
||||
<p id="footer-copyright">Licensed under a Creative Commons <a href="https://creativecommons.org/licenses/by/4.0/legalcode " target="_blank" rel=noreferrer >CC BY 4.0 license.</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
{/if}
|
||||
|
|
@ -46,6 +46,197 @@
|
|||
<style>
|
||||
|
||||
@import '/css/common.css';
|
||||
@import '/css/footer.css';
|
||||
|
||||
/*---Footer----------------------------------------------------*/
|
||||
|
||||
footer {
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background: #5B6970;/*var(--dark-green);*/
|
||||
border-top: #cb1816 solid 0.5rem;
|
||||
}
|
||||
|
||||
footer p, footer a {
|
||||
font-family: var(--sans-serif);
|
||||
}
|
||||
|
||||
#footer-content-container {
|
||||
position: relative;
|
||||
margin: auto;
|
||||
padding-top: 2rem;
|
||||
max-width: 116rem;
|
||||
width: 97vw;
|
||||
}
|
||||
|
||||
#footer-grid-content-container {
|
||||
display: grid;
|
||||
margin-left: 2rem;
|
||||
margin-right: 2rem;
|
||||
margin-bottom: 1.4rem;
|
||||
}
|
||||
|
||||
.not-logged {
|
||||
grid-template-columns: auto auto auto 2rem;
|
||||
}
|
||||
|
||||
.logged {
|
||||
grid-template-columns: auto auto 2rem;
|
||||
}
|
||||
|
||||
footer h2 {
|
||||
color: #ffffff;
|
||||
font-size: 1.4rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
#footer-copyright {
|
||||
position: relative;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
bottom: 0rem;
|
||||
height: 3rem;
|
||||
top: 0rem;
|
||||
margin-bottom: 0;
|
||||
font-size: 1rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#footer-copyright * {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
|
||||
#tag-line {
|
||||
position: relative;
|
||||
margin: auto;
|
||||
font-size: 1.2rem;
|
||||
text-align: center;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
footer a {
|
||||
font-size: 1.2rem;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
footer p, footer label {
|
||||
display: block;
|
||||
font-size: 1.2rem;
|
||||
color: #d8d8d8;
|
||||
font-family: var(--sans-serif,sans-serif);
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
#newsletter-container h3 {
|
||||
margin-bottom: 0.99rem;
|
||||
}
|
||||
|
||||
#newsletter-container p {
|
||||
width: 28.665rem;
|
||||
margin-bottom: 0.48rem;
|
||||
}
|
||||
|
||||
#newsletterEmailInput {
|
||||
height: 2.5rem;
|
||||
width: 20.5rem;
|
||||
border: 0;
|
||||
border-radius: 0.4rem 0 0 0.4rem;
|
||||
filter: drop-shadow( 0.07rem 0.14rem 0.07rem rgb(0 0 0 / 0.4));
|
||||
}
|
||||
|
||||
#newsletterEmailInput::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
|
||||
color: var(--c,gray);
|
||||
opacity: 1; /* Firefox */
|
||||
}
|
||||
|
||||
#newsletterEmailButton {
|
||||
position: absolute;
|
||||
width: 6.8rem;
|
||||
height: 2.5rem;
|
||||
background: #F29E9D;
|
||||
color: #ffffff;
|
||||
font-family: var(--sans-serif,sans-serif);
|
||||
font-size: 1.4rem;
|
||||
border-radius: 0 0.2rem 0.2rem 0;
|
||||
filter: drop-shadow( 0.07rem 0.14rem 0.07rem rgb(0 0 0 / 0.4));
|
||||
}
|
||||
|
||||
#newsletterEmailButton:active {
|
||||
background: #E44644;
|
||||
}
|
||||
|
||||
#contact-us-container {
|
||||
width: 16rem;
|
||||
}
|
||||
|
||||
#contact-us-container h3 {
|
||||
margin-bottom: 0.99rem;
|
||||
}
|
||||
|
||||
#legal-info-container {
|
||||
width: 9.6rem;
|
||||
}
|
||||
|
||||
#legal-info-container h3 {
|
||||
margin-bottom: 0.99rem;
|
||||
}
|
||||
|
||||
#legal-info-container p {
|
||||
margin-bottom: 0.48rem;
|
||||
}
|
||||
|
||||
#legal-info-container a {
|
||||
display: block;
|
||||
margin-bottom: 0.48rem;
|
||||
}
|
||||
|
||||
|
||||
#footer-up {
|
||||
position: absolute;
|
||||
width: 4.8rem;
|
||||
height: 4.8rem;
|
||||
border-radius: 3.4rem;
|
||||
top: 4rem;
|
||||
right: 2rem;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
#footer-up svg {
|
||||
width: 40%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.grass{
|
||||
position: absolute;
|
||||
top: -3.8rem;
|
||||
--height: 3.82rem;
|
||||
filter: drop-shadow( 0.07rem 0.14rem 0.07rem rgb(0 0 0 / 0.4));
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1170px) {
|
||||
.not-logged {
|
||||
grid-template-rows: auto auto auto auto;
|
||||
grid-template-columns: auto;
|
||||
row-gap: 2rem;
|
||||
}
|
||||
|
||||
.logged {
|
||||
grid-template-rows: auto auto auto;
|
||||
grid-template-columns: auto;
|
||||
row-gap: 2rem;
|
||||
}
|
||||
|
||||
#footer-copyright {
|
||||
height: 1rem;
|
||||
top: -2rem;
|
||||
}
|
||||
|
||||
#newsletterEmailInput {
|
||||
width: 18rem;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
@ -59,7 +59,7 @@
|
|||
<div>
|
||||
<p><b>{$content.name}: </b>{partner.name}</p>
|
||||
<p><b>{$content.type}: </b>{partner.type[locale[0]]}</p>
|
||||
<p><b>{$content.link}: </b><a href={partner.link[locale[0]]} target=;_blank; rel=noreferrer>{partner.link}</a></p>
|
||||
<p><b>{$content.link}: </b><a href={partner.link} target=;_blank; rel=noreferrer>{partner.link}</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<p><b>{$content.description}: </b>{partner.description[locale[0]]}</p>
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
import{S as t,i as e,a as r,b as a,s,e as o,n as i,d as n,c,f as l,t as d,g as h,h as m,r as f,l as p,u as g,m as u}from"./index-ce8c147b.js";import{w as b}from"./index-f2dbf8ff.js";import{loadLocaleContent as v,getLocale as w}from"../../../../../../../../../js/libraries/serverTools.js";function k(t){let e,r,s,o,i,c,b,v,w,k,x,j,y,L,U,_,A,R,S,T,B,D,H,M,P=t[0].contactUs+"",E=t[0].inviteLink+"",G=t[0].inviteLink+"",N=t[0].libertarianSocialists+"";return{c(){e=l("footer"),r=l("div"),s=l("div"),o=l("div"),i=l("h2"),c=d(P),b=h(),v=l("p"),w=d("WhatsApp: "),k=l("a"),x=d(E),j=h(),y=l("p"),L=d("Discord: "),U=l("a"),_=d(G),A=h(),R=l("button"),R.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" width="42.545" height="72.601" viewBox="0 0 42.545 72.601"><g id="Group_268" data-name="Group 268" transform="translate(-6.177 -2.399)"><rect id="Rectangle_146" data-name="Rectangle 146" width="11" height="51" rx="5.5" transform="translate(22 24)" fill="#cb1816"></rect><path id="Path_1145" data-name="Path 1145" d="M23.814,4.021a5,5,0,0,1,7.372,0l16.134,17.6c2.94,3.207,1.046,10.4-3.686,8.379S28.02,14.081,28.391,13.524,16.544,27.976,11.366,30,4.741,24.828,7.68,21.621Z" fill="#DD1C1A"></path></g></svg>',S=h(),T=l("p"),B=d("© 2023 "),D=d(N),m(k,"href","https://chat.whatsapp.com/BhnmUNljUxJ2AjeHUwyTKh"),m(k,"target","_blank"),m(k,"rel","noreferrer"),f(k,"margin-left","0.5rem"),m(U,"href","https://discord.gg/xAPZmyr8B6"),m(U,"target","_blank"),m(U,"rel","noreferrer"),f(U,"margin-left","2rem"),m(o,"id","contact-us-container"),m(s,"id","footer-grid-content-container"),m(s,"class","logged"),m(R,"id","footer-up"),m(R,"aria-label","go up"),m(T,"id","footer-copyright"),m(r,"id","footer-content-container")},m(n,l){a(n,e,l),p(e,r),p(r,s),p(s,o),p(o,i),p(i,c),p(o,b),p(o,v),p(v,w),p(v,k),p(k,x),p(o,j),p(o,y),p(y,L),p(y,U),p(U,_),p(r,A),p(r,R),p(r,S),p(r,T),p(T,B),p(T,D),H||(M=g(R,"click",t[3]),H=!0)},p(t,e){1&e&&P!==(P=t[0].contactUs+"")&&u(c,P),1&e&&E!==(E=t[0].inviteLink+"")&&u(x,E),1&e&&G!==(G=t[0].inviteLink+"")&&u(_,G),1&e&&N!==(N=t[0].libertarianSocialists+"")&&u(D,N)},d(t){t&&n(e),H=!1,M()}}}function x(t){let e,r=0!=Object.keys(t[0]).length,s=r&&k(t);return{c(){s&&s.c(),e=o(),this.c=i},m(t,r){s&&s.m(t,r),a(t,e,r)},p(t,[a]){1&a&&(r=0!=Object.keys(t[0]).length),r?s?s.p(t,a):(s=k(t),s.c(),s.m(e.parentNode,e)):s&&(s.d(1),s=null)},i:i,o:i,d(t){s&&s.d(t),t&&n(e)}}}function j(t,e,r){let a,s,o=[],i=b({});c(t,i,(t=>r(0,a=t))),v(i,"footer-component",s,(t=>w(o,t)));return[a,s,i,()=>{location.href="#"}]}class y extends t{constructor(t){super(),this.shadowRoot.innerHTML="<style>@import '/css/common.css';@import '/css/footer.css';</style>",e(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},j,x,s,{},null),t&&t.target&&a(t.target,this,t.anchor)}}customElements.define("footer-component",y);export{y as default};
|
||||
import{S as t,i as e,a as o,b as r,s as a,e as i,n,d as s,c as m,f as c,t as f,g as l,h as d,r as g,l as h,u as p,m as u}from"./index-ce8c147b.js";import{w as b}from"./index-f2dbf8ff.js";import{loadLocaleContent as w,getLocale as v}from"../../../../../../../../../js/libraries/serverTools.js";function y(t){let e,o,a,i,n,m,b,w,v,y,k,x,j,L,_,z,B,C,T,U,A,H,M=t[0].contactUs+"",R=t[0].inviteLink+"",D=t[0].inviteLink+"";return{c(){e=c("footer"),o=c("div"),a=c("div"),i=c("div"),n=c("h2"),m=f(M),b=l(),w=c("p"),v=f("WhatsApp: "),y=c("a"),k=f(R),x=l(),j=c("p"),L=f("Discord: "),_=c("a"),z=f(D),B=l(),C=c("button"),C.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" width="42.545" height="72.601" viewBox="0 0 42.545 72.601"><g id="Group_268" data-name="Group 268" transform="translate(-6.177 -2.399)"><rect id="Rectangle_146" data-name="Rectangle 146" width="11" height="51" rx="5.5" transform="translate(22 24)" fill="#cb1816"></rect><path id="Path_1145" data-name="Path 1145" d="M23.814,4.021a5,5,0,0,1,7.372,0l16.134,17.6c2.94,3.207,1.046,10.4-3.686,8.379S28.02,14.081,28.391,13.524,16.544,27.976,11.366,30,4.741,24.828,7.68,21.621Z" fill="#DD1C1A"></path></g></svg>',T=l(),U=c("p"),U.innerHTML='Licensed under a Creative Commons <a href="https://creativecommons.org/licenses/by/4.0/legalcode " target="_blank" rel="noreferrer">CC BY 4.0 license.</a>',d(y,"href","https://chat.whatsapp.com/BhnmUNljUxJ2AjeHUwyTKh"),d(y,"target","_blank"),d(y,"rel","noreferrer"),g(y,"margin-left","0.5rem"),d(_,"href","https://discord.gg/xAPZmyr8B6"),d(_,"target","_blank"),d(_,"rel","noreferrer"),g(_,"margin-left","2rem"),d(i,"id","contact-us-container"),d(a,"id","footer-grid-content-container"),d(a,"class","logged"),d(C,"id","footer-up"),d(C,"aria-label","go up"),d(U,"id","footer-copyright"),d(o,"id","footer-content-container")},m(s,c){r(s,e,c),h(e,o),h(o,a),h(a,i),h(i,n),h(n,m),h(i,b),h(i,w),h(w,v),h(w,y),h(y,k),h(i,x),h(i,j),h(j,L),h(j,_),h(_,z),h(o,B),h(o,C),h(o,T),h(o,U),A||(H=p(C,"click",t[3]),A=!0)},p(t,e){1&e&&M!==(M=t[0].contactUs+"")&&u(m,M),1&e&&R!==(R=t[0].inviteLink+"")&&u(k,R),1&e&&D!==(D=t[0].inviteLink+"")&&u(z,D)},d(t){t&&s(e),A=!1,H()}}}function k(t){let e,o=0!=Object.keys(t[0]).length,a=o&&y(t);return{c(){a&&a.c(),e=i(),this.c=n},m(t,o){a&&a.m(t,o),r(t,e,o)},p(t,[r]){1&r&&(o=0!=Object.keys(t[0]).length),o?a?a.p(t,r):(a=y(t),a.c(),a.m(e.parentNode,e)):a&&(a.d(1),a=null)},i:n,o:n,d(t){a&&a.d(t),t&&s(e)}}}function x(t,e,o){let r,a,i=[],n=b({});m(t,n,(t=>o(0,r=t))),w(n,"footer-component",a,(t=>v(i,t)));return[r,a,n,()=>{location.href="#"}]}class j extends t{constructor(t){super(),this.shadowRoot.innerHTML="<style>@import '/css/common.css';footer{position:relative;bottom:0;width:100%;height:auto;background:#5B6970;border-top:#cb1816 solid 0.5rem}footer p,footer a{font-family:var(--sans-serif)}#footer-content-container{position:relative;margin:auto;padding-top:2rem;max-width:116rem;width:97vw}#footer-grid-content-container{display:grid;margin-left:2rem;margin-right:2rem;margin-bottom:1.4rem}.logged{grid-template-columns:auto auto 2rem}footer h2{color:#ffffff;font-size:1.4rem;margin-bottom:0.5rem}#footer-copyright{position:relative;margin:auto;width:100%;bottom:0rem;height:3rem;top:0rem;margin-bottom:0;font-size:1rem;text-align:center}#footer-copyright *{font-size:1rem}footer a{font-size:1.2rem;color:#ffffff}footer p{display:block;font-size:1.2rem;color:#d8d8d8;font-family:var(--sans-serif,sans-serif);margin-bottom:0.5rem}#contact-us-container{width:16rem}#footer-up{position:absolute;width:4.8rem;height:4.8rem;border-radius:3.4rem;top:4rem;right:2rem;background:#ffffff}#footer-up svg{width:40%;height:auto}@media only screen and (max-width: 1170px){.logged{grid-template-rows:auto auto auto;grid-template-columns:auto;row-gap:2rem}#footer-copyright{height:1rem;top:-2rem}}</style>",e(this,{target:this.shadowRoot,props:o(this.attributes),customElement:!0},x,k,a,{},null),t&&t.target&&r(t.target,this,t.anchor)}}customElements.define("footer-component",j);export{j as default};
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue