diff --git a/src/index.pug b/src/index.pug index 60f2220d8e1008cd3e2d81087aa2d2b7f1bcaa4a..e99ad252a6e8b8ee1947ccbcb81066e5ddd826d8 100644 --- a/src/index.pug +++ b/src/index.pug @@ -52,6 +52,9 @@ html(lang="en") main#content.segment.lg-three-quarter.text-top.notLoggedIn + #about(data-view="about") + include views/page-about.pug + //- if endpoints.get.dashboards //- #dashboard(hidden, data-view="dashboard").no-sidebar.with-padding //- include views/page-dashboard.pug diff --git a/src/locales/en.json b/src/locales/en.json index 1215ba8e742c6cc56eeadf92ad003c4df99a9327..f51dabb97957ce6835edd5a127674da4846db3ad 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -39,8 +39,8 @@ "paragraph2": "Its mission is to empower users by enabling them to regain control of their digital tools and benefit from a network effect within a chosen ecosystem in order to emancipate themselves from large platforms." }, "card2": { - "title": "Contact us", - "paragraph-1": "You want to contribute, report a bug, suggest an improvement, work with us?", + "subTitle": "Contact us", + "paragraph1": "You want to contribute, report a bug, suggest an improvement, work with us?", "link": "Contact" } }, diff --git a/src/locales/es.json b/src/locales/es.json index 242b21fb4b19476dd5660a580cac404e21f1af03..b8ef845f0612b01c9fc3e9521216dec94ff95f51 100644 --- a/src/locales/es.json +++ b/src/locales/es.json @@ -39,8 +39,8 @@ "paragraph2": "Su misión es devolver el poder a los usuarios permitiéndoles recuperar el control de su herramienta digital y beneficiarse de un efecto de red dentro de un ecosistema elegido para emanciparse de las grandes plataformas." }, "card2": { - "title": "Contactenos", - "paragraph-1": "¿Quieres contribuir, informar de un error, sugerir una mejora, trabajar con nosotrxs?", + "subTitle": "Contactenos", + "paragraph1": "¿Quieres contribuir, informar de un error, sugerir una mejora, trabajar con nosotrxs?", "link": "Contacto" } }, diff --git a/src/locales/fr.json b/src/locales/fr.json index 2fd48a4d7bd0a3ad28cca54bad0c3b0e06101cd1..5cd00c52ac4556e7adb79a4a4f8880832b69dcbd 100644 --- a/src/locales/fr.json +++ b/src/locales/fr.json @@ -39,8 +39,8 @@ "paragraph2": "Sa mission est de redonner le pouvoir aux utilisateurs en leur permettant de reprendre la main sur leur outil numérique et de bénéficier d’un effet de réseau au sein d’un écosystème choisi afin de s’émanciper des grandes plateformes." }, "card2": { - "title": "Contacte-nous", - "paragraph-1": "Tu veux contribuer, nous remonter un bug, nous suggérer une amélioration, travailler avec nous ?", + "subTitle": "Contacte-nous", + "paragraph1": "Tu veux contribuer, nous remonter un bug, nous suggérer une amélioration, travailler avec nous ?", "link": "Contact" } }, diff --git a/src/styles/index.scss b/src/styles/index.scss index 45cf54016adb42ba87c606293fe46fc49f4f3eba..3cd687cfe26e2b427deadfd140bb868600b16b37 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -6,6 +6,10 @@ main { background-color: pink; } +.whitespace-normal { + white-space: normal; +} + @import 'header/_index'; @import 'left-nav/_index'; @import 'content/_index'; \ No newline at end of file diff --git a/src/views/page-about.pug b/src/views/page-about.pug index 963788a0297ed58ab5769970b7770c710accffc2..777b6450a6b97cce83f0ebc8829e155d1f760a0e 100644 --- a/src/views/page-about.pug +++ b/src/views/page-about.pug @@ -2,17 +2,17 @@ div.segment.padding-top-small.padding-right-large.padding-bottom-small.padding-l h2.text-xlarge.text-color-heading.text-uppercase(data-trans='about.title') div.segment.lg-two-third.margin-top-small.padding-right-xlarge - div.segment.shadow.padding-top-xlarge.padding-right-xxlarge.padding-bottom-xxlarge.padding-left-xxlarge.text-center + div.segment.whitespace-normal.shadow.padding-top-xlarge.padding-right-xxlarge.padding-bottom-xxlarge.padding-left-xxlarge.text-center h3.text-color-heading.text-semibold(data-trans='about.card1.subTitle') div - p.segment.float-left.text-large(data-trans='about.card1.paragraph1') - p.segment.float-left.text-large(data-trans='about.card1.paragraph2') + p.segment.whitespace-normal.text-large(data-trans='about.card1.paragraph1') + p.segment.whitespace-normal.text-large(data-trans='about.card1.paragraph2') a.link.text-xlarge(href="https://startinblox.com/fr/" target="_blank") https://startinblox.com/fr/ - div.segment.lg-third.margin-top-small - div.segment.shadow.padding-top-xlarge.padding-right-xxlarge.padding-bottom-xxlarge.padding-left-xxlarge.text-center - div.segment.center.icon.icon-xlarge.rounded-third.rounded.rounded-large.icon-envelope.icon-secondary + div.segment.lg-third.margin-top-small.text-top + div.segment.whitespace-normal.shadow.padding-top-xlarge.padding-right-xxlarge.padding-bottom-xxlarge.padding-left-xxlarge.text-center + div.segment.margin-top-small + div.segment.center.icon.icon-xlarge.rounded-third.rounded.rounded-large.icon-envelope.icon-secondary h3.text-color-heading.text-semibold.text-medium(data-trans='about.card2.subTitle') - div - p.segment.float-left(data-trans='about.card2.paragraph1') - a.button.text-bold.text-uppercase.color-secondary.bordered(href="https://startinblox.com/fr/#home-contact" target="_blank" data-trans='about.card2.link').main-cta \ No newline at end of file + p(data-trans='about.card2.paragraph1') + a.button.text-bold.text-uppercase.color-secondary.bordered(href="https://startinblox.com/fr/#home-contact" target="_blank" data-trans='about.card2.link').main-cta