diff --git a/_data/index.yml b/_data/index.yml index 8ceabca..4d39714 100644 --- a/_data/index.yml +++ b/_data/index.yml @@ -1,9 +1,6 @@ description: | Impactful marketplace infrastructure for -default_message: - Coming soon. - globals: calendly: https://calendly.com/katherinelopezvirto/45min apply: https://apply.virto.network/ diff --git a/_includes/footer.liquid b/_includes/footer.liquid index 94d0ce0..e56e80d 100644 --- a/_includes/footer.liquid +++ b/_includes/footer.liquid @@ -4,9 +4,6 @@ diff --git a/about.liquid b/about.liquid index 34358ad..56d363e 100644 --- a/about.liquid +++ b/about.liquid @@ -217,11 +217,9 @@ section > article {

{{ about.subtitle }}

{{ about.title }}

{{ about.paragraph }}

- {% endif %} diff --git a/communities.liquid b/communities.liquid deleted file mode 100644 index 0197e6d..0000000 --- a/communities.liquid +++ /dev/null @@ -1,146 +0,0 @@ ---- -permalink: /comunidades-locales/ -title: Comunidades locales -layout: index.liquid -data: - route: comunidades-locales ---- - - - -
-
-

Comunidades Locales - -

-

En lugar de asumir costos de intermediación en cada una de tus transacciones, con Virto, una pequeña parte de los recursos irá al fondo común de tu comunidad.

-
-
- -
-
-

- Cada comunidad puede elegir su propio sistema democrático, permitiendo la decisión colectiva sobre qué proyecto se beneficiará con esos ahorros. -

- -
-
- -
-
- -
-

¿Cómo funciona todo esto?

-

Nuestra estructura se basa en la tecnología blockchain, que incluye un protocolo de incentivos locales y un sistema operativo web 3.

- Ver más -
- {% include "see_more.svg" %} -
- -
-
-
- -
-
-

¡En Virto creemos que juntos podemos hacer un cambio positivo!

- -
-
- - - - diff --git a/css/common.css b/css/common.css index f0bbfdf..ecfb82c 100644 --- a/css/common.css +++ b/css/common.css @@ -21,19 +21,10 @@ section>article.max { /* justify-content: space-evenly; */ } -input { +button, .button { border: none; margin: 1em 0; - border-radius: 50px; - width: 80%; - padding: clamp(5px, 2vh, 20px) clamp(20px, 4vw, 40px); - font-size: var(--font-size-button); -} - -button { - border: none; - margin: 1em 0; - font-weight: 400; + font-weight: var(--font-weight-600); border-radius: 50px; width: fit-content; padding: clamp(5px, 2vh, 20px) clamp(20px, 4vw, 40px); @@ -41,19 +32,17 @@ button { background-color: var(--clr-green-darker); font-size: var(--font-size-button); transition: background-color 650ms ease, color 650ms ease; + color: var(--clr-olive-darker); &:hover { - background-color: var(--clr-lavender-darker); color: white; + background-color: var(--clr-lavender-darker); color: white !important; + text-decoration: none; } &:focus-visible { outline: 2px solid var(--clr-lavender-darker); } } -/*Property added in order to avoid default iOS configurations, once deployed it needs to be tested */ -button a { color: inherit !important; } -button a:hover { text-decoration: none; } - /*Classes for links with an arrow on them*/ .center-arrow { display: flex; align-items: center; } .link-arrow { height: 1em; width: 1em; margin-left: 0.5em; } @@ -232,3 +221,45 @@ dialog img { cursor: pointer; } +/* Mail Form */ +.mail { + display: flex; + flex-direction: column; + align-items: center; + padding: 2em; +} + +#mail-form { + display: flex; + flex-direction: column; + gap: 1em; + width: 100%; + margin: 1em 0; +} + +#mail-form input { + border: none; + border-radius: 50px; + padding: clamp(5px, 2vh, 20px) clamp(20px, 4vw, 40px); + margin: 0.25em 0; + font-size: var(--font-size-button); + width: 100%; + box-sizing: border-box; +} + +#mail-button { + padding: clamp(5px, 2vh, 20px) clamp(20px, 4vw, 40px); + font-size: 1.2rem; + width: 100%; + background-color: var(--clr-lavender-lighter); + color: var(--clr-olive-darker); +} + +#mail-button:focus-visible, .button:focus-visible { + outline: 2px solid var(--clr-lavender-darker); +} + +#mail-button:hover { + background-color: var(--clr-lavender-darker); color: white; + text-decoration: none; +} \ No newline at end of file diff --git a/css/index.css b/css/index.css index bac15a9..684b9bb 100644 --- a/css/index.css +++ b/css/index.css @@ -245,18 +245,3 @@ figure.logo svg { .link-to:hover { transform: scale(1.2); } - -/*Mail Section*/ - -#mail-button { - background-color: var(--clr-lavender-darker); - color: var(--clr-white); -} - -#mail-cta { - width: 100%; -} - -#mail-cta * { - width: 90%; -} diff --git a/css/layout.css b/css/layout.css index e1ab69e..9b57a3a 100644 --- a/css/layout.css +++ b/css/layout.css @@ -93,15 +93,16 @@ nav a:not(.logo) { .top-nav a.app-button-link { height: 6vh; - border-radius:50px; } -.app-button, .app-button-mobile { +.app-button-link { + font-weight: var(--font-weight-500); padding: 0; + color: var(--clr-olive-darker) !important; } @media screen and (max-width: 1300px) { - .top-nav a:not(.menu-icon), .app-button { + .top-nav a:not(.menu-icon) { display: none; } } diff --git a/index.liquid b/index.liquid index b6a653b..d7a0564 100644 --- a/index.liquid +++ b/index.liquid @@ -50,14 +50,14 @@ data: {% endif %} -
+
-

{{ home_section.title }}

+

{{ home_section.title }}

- +
@@ -116,7 +116,7 @@ data:
{% endif %} -
+

{{ service.title }}

{{ service.subtitle }}

-
-
-
-

{{ service.paragraph }}

-

{{ service.strong_paragraph }}

-
- - - - -
-
-
- {% include "dancingperson.svg" %} -
-
+ +
+
+

{{ service.paragraph }}

+

{{ service.strong_paragraph }}

+
+ + + + +
+
+
+ {% include "dancingperson.svg" %} +
+
{% endif %} diff --git a/usecases.liquid b/usecases.liquid index f537600..a8c0039 100644 --- a/usecases.liquid +++ b/usecases.liquid @@ -131,7 +131,7 @@ article h3 a {
- + Contáctanos
@@ -145,8 +145,7 @@ article h3 a {

{{ use_case.eyebrow }}

{{ use_case.title }}

- -
+ {{ use_case.cta }}
{% endif %}