diff --git a/assets/.DS_Store b/assets/.DS_Store index cd3a2cf..32a8b8d 100644 Binary files a/assets/.DS_Store and b/assets/.DS_Store differ diff --git a/css/footer.css b/css/footer.css index 4f4e7a2..bcde2f0 100644 --- a/css/footer.css +++ b/css/footer.css @@ -1,6 +1,6 @@ .footer { width: 80%; - height: 400px; + height: 425px; margin-top: 150px; background-color: #00113B; @@ -48,7 +48,9 @@ justify-content: end; align-items: end; - width: 100px; + gap: 10px; + + width: clamp(100px, 28vw, 185px); flex-grow: 0; height: 100%; } @@ -57,6 +59,10 @@ font-family: Poppins; font-size: 18px; font-weight: 600; + + width: 100%; + + text-align: start; } .footer-before-line-second-column-description { color: white; @@ -67,7 +73,7 @@ opacity: 75%; white-space: pre-line; - text-align: end; + text-align: start; } .footer-line { background-color: white; @@ -90,6 +96,7 @@ font-size: 11px; color: white; opacity: 75%; + width: 45vw; text-align: start; } @@ -97,8 +104,26 @@ .footer-after-line-socials { display: flex; flex-direction: row; - justify-content: space-evenly; + justify-content: end; + gap: 10px; align-items: center; 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; } \ No newline at end of file diff --git a/css/language-picker.css b/css/language-picker.css index b80f0c3..40aa73d 100644 --- a/css/language-picker.css +++ b/css/language-picker.css @@ -18,8 +18,9 @@ align-items: center; } .language-picker-container:hover { - scale: 1.1; + scale: 1.2; cursor: pointer; + transition-duration: 0.5s; } .language-picker-selected-language-display { diff --git a/css/start.css b/css/start.css index 9c2ee35..70b930f 100644 --- a/css/start.css +++ b/css/start.css @@ -88,6 +88,8 @@ display: flex; justify-content: center; align-items: center; + + white-space: pre-line; } .start-section-right-column-art-top-right-pill { @@ -134,6 +136,8 @@ display: flex; justify-content: center; align-items: center; + + white-space: pre-line; } .start-section-right-column-subject-1-title { diff --git a/locales/en.yml b/locales/en.yml index 60b2090..63b953e 100644 --- a/locales/en.yml +++ b/locales/en.yml @@ -29,7 +29,17 @@ start: title-third-line: with us left-column-description: Our experienced team will create a tailored solution to maximize your business potential. left-column-button-text: Get Started > - right-column-subject-1-title: > + right-column-subject-1-title: | Web Design & Development 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 + diff --git a/locales/es.yml b/locales/es.yml index 4591d70..12f4bd6 100644 --- a/locales/es.yml +++ b/locales/es.yml @@ -35,3 +35,13 @@ start: right-column-subject-2-title: > Mercadeo & 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 \ No newline at end of file diff --git a/src/components/footer.rs b/src/components/footer.rs index 90ced01..b99ce3d 100644 --- a/src/components/footer.rs +++ b/src/components/footer.rs @@ -1,3 +1,4 @@ +use rust_i18n::t; use yew::prelude::*; use super::language_picker::Language; @@ -9,21 +10,22 @@ pub struct PageFooterProps { #[function_component(PageFooter)] pub fn page_footer(props: &PageFooterProps) -> Html { //TODO: Add t!() everywhere + let language = props.language.clone(); html! {
- {"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())}
- {"Contact"} + {t!("footer.contact-title", locale = language.locale())}
- {"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())}
@@ -32,31 +34,18 @@ pub fn page_footer(props: &PageFooterProps) -> Html { //TODO: Add t!() everywher
- {"© 2023 Blanco Lorenzo - Todos los derechos Reservados"} + {t!("footer.copyright-text", locale = language.locale())}
//TODO: Add all logos with href links - {"a"} + + + + + +
- - /* -
- -
- {"Subscríbete"} -
-
- */ -
} -} - -/* -
{"© 2023 Blanco Lorenzo - Todos los derechos Reservados"}
-
-
{"Powered by"}
-
{"Blanco Studios"}
-
- */ \ No newline at end of file +} \ No newline at end of file