From a5fdeb9ab457df349f7fbab969c7835c1da60d97 Mon Sep 17 00:00:00 2001 From: Oriol Carbonell Date: Thu, 18 Jan 2024 22:25:30 +0100 Subject: [PATCH] Update style and home page --- web/static/numerus.css | 140 +++++++++++++++++++++++++-------------- web/template/home.gohtml | 18 +++-- 2 files changed, 101 insertions(+), 57 deletions(-) diff --git a/web/static/numerus.css b/web/static/numerus.css index e4dc0b5..1edf5a1 100644 --- a/web/static/numerus.css +++ b/web/static/numerus.css @@ -543,24 +543,24 @@ ul[role="menu"].action-menu li i[class^='ri-'] { /* menu tauler */ #profile-menu summary:hover, #profile-menu summary:focus, ul[role="menu"].action-menu button:hover, ul[role="menu"].action-menu a:hover, body > nav a { - color: var(--numerus--text-color); - text-decoration: none; - transition: 0.25s ease; + color: var(--numerus--text-color); + text-decoration: none; + transition: 0.25s ease; } #profile-menu summary:hover, #profile-menu summary:focus, ul[role="menu"].action-menu button:hover, ul[role="menu"].action-menu a:hover, body > nav ul:hover a { - color: #ccc; + color: #ccc; } #profile-menu summary:hover, #profile-menu summary:focus, ul[role="menu"].action-menu button:hover, ul[role="menu"].action-menu a:hover, body > nav ul:hover a:hover { - color: var(--numerus--text-color); - text-decoration: none; + color: var(--numerus--text-color); + text-decoration: none; } #profile-menu summary:active, #profile-menu summary:active, ul[role="menu"].action-menu button:active, ul[role="menu"].action-menu a:active, body > nav ul:active li:active a:active { - color: var(--numerus--text-color); - text-decoration: none; + color: var(--numerus--text-color); +text-decoration: none; } body > nav a[aria-current] { @@ -10288,17 +10288,22 @@ div[x-data="snackbar"] div[role="alert"].enter.end, div[x-data="snackbar"] div[r } .header-web { - display: flex; - justify-content: space-between; - border-bottom: 1px solid var(--numerus--color--black); + display: flex; + justify-content: space-between; + border-bottom: 1px solid var(--numerus--color--black); } -.menu a { - color: var(--numerus--font-family); +.menu-web { + text-transform: uppercase; + display: flex; + gap: 5rem; +} +.menu-web a { + color: var(--numerus--font-family); + text-decoration: none; } #login { - background-color: var(--numerus--color--hay); padding: 1.25em; } @@ -10306,10 +10311,23 @@ div[x-data="snackbar"] div[role="alert"].enter.end, div[x-data="snackbar"] div[r margin-bottom: 1em; } +#login button { + min-width: 26rem; + background-color: var(--numerus--color--black); + border: 2px solid var(--numerus--color--black); + text-transform: uppercase; + display: inline-block; + text-align: center; + padding: 1.55rem; + cursor: pointer; + color: var(--numerus--color--white); +} + .contenidor { display: grid; grid-template-columns: repeat(2, 1fr); padding: 5rem 0; + } .graella { @@ -10392,72 +10410,94 @@ div[x-data="snackbar"] div[role="alert"].enter.end, div[x-data="snackbar"] div[r .descripcio { - display: flex; - gap: 5rem; - justify-content: space-around; - margin: 5rem 0; + display: flex; + gap: 5rem; + justify-content: space-around; + margin: 5rem 0; +} + +.paragraf { + flex: 2; } .paragraf p { - margin: 15px 0; - max-width: 45%; + margin: 0 0 2rem 0; + max-width: 45%; +} + +.llista { + flex: 1; } .icon-list { - display: flex; - gap: 10px; - padding: 5px 0; + display: flex; + gap: 10px; + padding: 5px 0; } .icon-list svg { - width: 24px; + width: 24px; } .opensource { - display: flex; - justify-content: space-between; - gap: 5rem; - border-top: 1px solid var(--numerus--color--black); + display: flex; + justify-content: space-between; + gap: 5rem; + border-top: 1px solid var(--numerus--color--black); +} + +.download button { + margin: 5rem 0; + background: var(--numerus--color--yellow); + border: var(--numerus--color--yellow); } .quadradet { - width: 17rem; - height: 17rem; - background: white; + width: 17rem; + height: 17rem; + background: white; } .llicencia { - max-width: 40%; - display: flex; - flex-direction: column; - align-items: flex-end; - gap: 5rem; - margin: 17rem 0 0 0; + max-width: 50%; + display: flex; + flex-direction: column; + align-items: flex-end; + gap: 5rem; + margin: 17rem 0 0 0; } .price-section { - display: flex; - justify-content: space-between; - gap: 5rem; - border-top: 1px solid var(--numerus--color--black); - padding: 5rem 0 0 0; + display: flex; + justify-content: space-between; + gap: 5rem; + border-top: 1px solid var(--numerus--color--black); + padding: 5rem 0 0 0; } +.price { + flex: 1; +} + .price h3 { - font-size: 4rem; + font-size: 4rem; } +.price h2 { + margin: 5rem 0 0 0; +} + .price-detail { - display: flex; - flex-direction: row; - gap: 10px; - align-items: center; + display: flex; + flex-direction: row; + gap: 10px; + align-items: baseline; } .footer-web { - border-top: 1px solid var(--numerus--color--black); - margin: 5rem 0; - padding: 5rem 0 0 0; + border-top: 1px solid var(--numerus--color--black); + margin: 5rem 0; + padding: 5rem 0 0 0; } /* web responsive */ diff --git a/web/template/home.gohtml b/web/template/home.gohtml index 530e3ec..98ca797 100644 --- a/web/template/home.gohtml +++ b/web/template/home.gohtml @@ -5,7 +5,7 @@ {{ define "content" -}}
-
login
+
login demo codi
@@ -38,9 +38,9 @@

Creiem que per a una petita empresa, cooperativa o una associació també pot ajudar a gestionar els números de l'entitat.

-
usuaria administradora (tu)
-
usuaries gestora (companyes del que feu)
-
usuari comptable (si necessites un accés comptable)
+
usuaria administradora
+
usuaries gestora
+
usuari comptable
creació de tipus d’impostos
gràfiques de progrés i comparació
etiquetes per classificar
@@ -49,7 +49,10 @@
-
+
+
+ +
@@ -73,9 +76,10 @@

I de pas ens ajudes a mantenir i millorar el que hem fet i t'és útil :)

-

4,50 €/mes

(sense impostos)
-

5,45 €/mes

(amb impostos)
+

6,00 €/mes

(sense impostos)
+

7,26 €/mes

(amb impostos)

Al crear un usuari, pots cancel·lar la teva subscripció en qualsevol moment. Es cobrarà fins al mes actual.

+

Escriu-nos a hola@tandem.blog i donem d'alta