Added eng translations for footer

This commit is contained in:
Franklin 2023-04-28 10:54:59 -04:00
parent d5a0b5ebca
commit bb3aacf81c
7 changed files with 69 additions and 30 deletions

BIN
assets/.DS_Store vendored

Binary file not shown.

View File

@ -1,6 +1,6 @@
.footer { .footer {
width: 80%; width: 80%;
height: 400px; height: 425px;
margin-top: 150px; margin-top: 150px;
background-color: #00113B; background-color: #00113B;
@ -48,7 +48,9 @@
justify-content: end; justify-content: end;
align-items: end; align-items: end;
width: 100px; gap: 10px;
width: clamp(100px, 28vw, 185px);
flex-grow: 0; flex-grow: 0;
height: 100%; height: 100%;
} }
@ -57,6 +59,10 @@
font-family: Poppins; font-family: Poppins;
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: 600;
width: 100%;
text-align: start;
} }
.footer-before-line-second-column-description { .footer-before-line-second-column-description {
color: white; color: white;
@ -67,7 +73,7 @@
opacity: 75%; opacity: 75%;
white-space: pre-line; white-space: pre-line;
text-align: end; text-align: start;
} }
.footer-line { .footer-line {
background-color: white; background-color: white;
@ -90,6 +96,7 @@
font-size: 11px; font-size: 11px;
color: white; color: white;
opacity: 75%; opacity: 75%;
width: 45vw;
text-align: start; text-align: start;
} }
@ -97,8 +104,26 @@
.footer-after-line-socials { .footer-after-line-socials {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-evenly; justify-content: end;
gap: 10px;
align-items: center; align-items: center;
width: 100px; width: 100px;
}
.footer-after-line-social-frame {
display: flex;
justify-content: center;
align-items: center;
width: 35px;
height: 35px;
border-radius: 100%;
text-decoration: none;
background-color: #4C40F7;
color: white
}
.footer-after-line-social-frame :hover {
cursor: pointer;
} }

View File

@ -18,8 +18,9 @@
align-items: center; align-items: center;
} }
.language-picker-container:hover { .language-picker-container:hover {
scale: 1.1; scale: 1.2;
cursor: pointer; cursor: pointer;
transition-duration: 0.5s;
} }
.language-picker-selected-language-display { .language-picker-selected-language-display {

View File

@ -88,6 +88,8 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
white-space: pre-line;
} }
.start-section-right-column-art-top-right-pill { .start-section-right-column-art-top-right-pill {
@ -134,6 +136,8 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
white-space: pre-line;
} }
.start-section-right-column-subject-1-title { .start-section-right-column-subject-1-title {

View File

@ -29,7 +29,17 @@ start:
title-third-line: with us title-third-line: with us
left-column-description: Our experienced team will create a tailored solution to maximize your business potential. left-column-description: Our experienced team will create a tailored solution to maximize your business potential.
left-column-button-text: Get Started > left-column-button-text: Get Started >
right-column-subject-1-title: > right-column-subject-1-title: |
Web Design & Web Design &
Development Development
right-column-subject-2-title: Marketing & Ads right-column-subject-2-title: Marketing & Ads
footer:
brand-description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
contact-title: Contact
contact-info: |
Jl KH Samanhudi Metro Atom Plaza Bl AKS 1/11, Dki Jakartaa
info@yourdomain.com
+62 (0) 000 0000 00
copyright-text: © 2023 Blanco Lorenzo - All rights reserved

View File

@ -35,3 +35,13 @@ start:
right-column-subject-2-title: > right-column-subject-2-title: >
Mercadeo & Mercadeo &
Publicidad Publicidad
footer:
brand-description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
contact-title: Contacto
contact-info: >
Jl KH Samanhudi Metro Atom Plaza Bl AKS 1/11, Dki Jakarta
info@blancolorenzo.pro
+1 809 223 5564
copyright-text: © 2023 Blanco Lorenzo - All rights reserved

View File

@ -1,3 +1,4 @@
use rust_i18n::t;
use yew::prelude::*; use yew::prelude::*;
use super::language_picker::Language; use super::language_picker::Language;
@ -9,21 +10,22 @@ pub struct PageFooterProps {
#[function_component(PageFooter)] #[function_component(PageFooter)]
pub fn page_footer(props: &PageFooterProps) -> Html { //TODO: Add t!() everywhere pub fn page_footer(props: &PageFooterProps) -> Html { //TODO: Add t!() everywhere
let language = props.language.clone();
html! { html! {
<div class={"footer"}> <div class={"footer"}>
<div class={"footer-before-line"}> <div class={"footer-before-line"}>
<div class={"footer-before-line-first-column"}> <div class={"footer-before-line-first-column"}>
<img class={"footer-before-line-first-column-logo"} src={"images/blanco-lorenzo-logo-white-transparent.png"}/> <img class={"footer-before-line-first-column-logo"} src={"images/blanco-lorenzo-logo-white-transparent.png"}/>
<div class={"footer-before-line-first-column-paragraph"}> <div class={"footer-before-line-first-column-paragraph"}>
{"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."} {t!("footer.brand-description", locale = language.locale())}
</div> </div>
</div> </div>
<div class={"footer-before-line-second-column"}> <div class={"footer-before-line-second-column"}>
<div class={"footer-before-line-second-column-title"}> <div class={"footer-before-line-second-column-title"}>
{"Contact"} {t!("footer.contact-title", locale = language.locale())}
</div> </div>
<div class={"footer-before-line-second-column-description"}> <div class={"footer-before-line-second-column-description"}>
{"Jl KH Samanhudi Metro Atom Plaza Bl AKS 1/11, Dki Jakarta\n\ninfo@yourdomain.com\n\n+62 (0) 000 0000 00"} {t!("footer.contact-info", locale = language.locale())}
</div> </div>
</div> </div>
</div> </div>
@ -32,31 +34,18 @@ pub fn page_footer(props: &PageFooterProps) -> Html { //TODO: Add t!() everywher
<div class={"footer-after-line"}> <div class={"footer-after-line"}>
<div class={"footer-after-line-copyright"}> <div class={"footer-after-line-copyright"}>
{"© 2023 Blanco Lorenzo - Todos los derechos Reservados"} {t!("footer.copyright-text", locale = language.locale())}
</div> </div>
<div class={"footer-after-line-socials"}> <div class={"footer-after-line-socials"}>
//TODO: Add all logos with href links //TODO: Add all logos with href links
{"a"} <a class="footer-after-line-social-frame" href={"https://instagram.com"}>
<i class="fa-brands fa-instagram"></i>
</a>
<a class="footer-after-line-social-frame" href={"https://twitter.com"}>
<i class="fa-brands fa-twitter"></i>
</a>
</div> </div>
</div> </div>
/*
<div class={"footer-call-to-action-container"}>
<input placeholder={"AAA"} class={"footer-call-to-action-input"}/>
<div class={"footer-call-to-action-button"}>
{"Subscríbete"}
</div>
</div>
*/
</div> </div>
} }
} }
/*
<div class={"footer-copyright-text"}>{"© 2023 Blanco Lorenzo - Todos los derechos Reservados"}</div>
<div class={"footer-credit-container"}>
<div class={"footer-credit"}>{"Powered by"}</div>
<div class={"footer-credit-url"}>{"Blanco Studios"}</div>
</div>
*/