Update styles and home page
This commit is contained in:
parent
5b0ca28b97
commit
6fcc19bebf
|
|
@ -330,7 +330,7 @@ body > footer {
|
|||
}
|
||||
|
||||
input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="date"], select, textarea {
|
||||
background-color: var(--numerus--background-color);
|
||||
background-color: transparent;
|
||||
border: 1px solid var(--numerus--color--black);
|
||||
border-radius: 0;
|
||||
padding: 1rem 2rem;
|
||||
|
|
@ -382,7 +382,7 @@ input.width-2x {
|
|||
}
|
||||
|
||||
.input:not(.radio) label, .input:not(.radio) input:focus ~ label {
|
||||
background-color: var(--numerus--background-color);
|
||||
background-color: var(--numerus--header--background-color);
|
||||
top: -.9rem;
|
||||
left: 2rem;
|
||||
font-size: 0.8em;
|
||||
|
|
@ -1055,7 +1055,7 @@ div[x-data="snackbar"] div[role="alert"].enter.end, div[x-data="snackbar"] div[r
|
|||
}
|
||||
|
||||
#income-statement div:nth-child(4) {
|
||||
background: var(--numerus--color--hay);
|
||||
background: var(--numerus--color--yellow);
|
||||
}
|
||||
|
||||
#income-statement div:nth-child(4),
|
||||
|
|
@ -10281,8 +10281,90 @@ div[x-data="snackbar"] div[role="alert"].enter.end, div[x-data="snackbar"] div[r
|
|||
}
|
||||
|
||||
|
||||
#login {
|
||||
padding: 1.25em;
|
||||
min-height: 70vh;
|
||||
}
|
||||
|
||||
#login h2 {
|
||||
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);
|
||||
}
|
||||
|
||||
/* web */
|
||||
|
||||
/* web mobile */
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
|
||||
header, body > nav a {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.web > header {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.web nav {
|
||||
width: 100%;
|
||||
border-top: solid 1px var(--numerus--color--black);
|
||||
}
|
||||
|
||||
.web nav ul {
|
||||
margin: 0;
|
||||
justify-content: space-around;
|
||||
}
|
||||
}
|
||||
|
||||
.web nav ul li {
|
||||
padding: 6rem 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* web tablet */
|
||||
|
||||
@media screen and (max-width: 992px) {
|
||||
|
||||
.web nav ul {
|
||||
gap: 2rem;
|
||||
margin: 0 0 0 5rem;
|
||||
}
|
||||
|
||||
.mondrian2 {
|
||||
font-size: calc(16px + 3vw);
|
||||
}
|
||||
.mondrian4 {
|
||||
font-size: calc(16px + 3vw);
|
||||
}
|
||||
.mondrian10 {
|
||||
font-size: calc(16px + .3vw);
|
||||
}
|
||||
.mondrian14 {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.web nav ul li {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* web desktop */
|
||||
|
||||
.web {
|
||||
margin: 3rem;
|
||||
|
|
@ -10302,8 +10384,11 @@ div[x-data="snackbar"] div[role="alert"].enter.end, div[x-data="snackbar"] div[r
|
|||
|
||||
.web > footer {
|
||||
border-top: 1px solid var(--numerus--color--black);
|
||||
margin: 5rem 0;
|
||||
margin: 0 0 5rem 0;
|
||||
padding: 5rem 0 0 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.web nav ul {
|
||||
|
|
@ -10314,10 +10399,13 @@ div[x-data="snackbar"] div[role="alert"].enter.end, div[x-data="snackbar"] div[r
|
|||
gap: 5rem;
|
||||
}
|
||||
|
||||
.web nav ul li {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.web footer nav ul {
|
||||
justify-content: center;
|
||||
font-size: 83.3333%;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.web nav a {
|
||||
|
|
@ -10325,6 +10413,10 @@ div[x-data="snackbar"] div[role="alert"].enter.end, div[x-data="snackbar"] div[r
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
.web .legal {
|
||||
margin: 5rem 0;
|
||||
}
|
||||
|
||||
.web .legal h2 {
|
||||
margin: .5em 0 1.5em 0;
|
||||
}
|
||||
|
|
@ -10375,129 +10467,125 @@ div[x-data="snackbar"] div[role="alert"].enter.end, div[x-data="snackbar"] div[r
|
|||
margin-top: 1.5789em;
|
||||
}
|
||||
|
||||
#login {
|
||||
padding: 1.25em;
|
||||
/* css grid */
|
||||
|
||||
.mondrian {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
grid-template-rows: repeat(5, 1fr);
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
}
|
||||
|
||||
#login h2 {
|
||||
margin-bottom: 1em;
|
||||
.mondrian-element {
|
||||
height: 15rem;
|
||||
}
|
||||
|
||||
#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);
|
||||
.mondrian1 {
|
||||
grid-area: 1 / 1 / 2 / 5;
|
||||
border-bottom: 1px solid var(--numerus--color--black);
|
||||
}
|
||||
|
||||
.contenidor {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
padding: 5rem 0;
|
||||
}
|
||||
|
||||
.graella {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
grid-template-rows: repeat(3, 1fr);
|
||||
grid-column-gap: 0;
|
||||
grid-row-gap: 0;
|
||||
}
|
||||
|
||||
.caixa {
|
||||
|
||||
}
|
||||
|
||||
.caixa-1 {
|
||||
grid-area: 1 / 1 / 2 / 3;
|
||||
.mondrian2 {
|
||||
grid-area: 1 / 5 / 2 / 7;
|
||||
background: var(--numerus--color--yellow);
|
||||
font-size: calc(16px + 5vw);
|
||||
display: grid;
|
||||
align-content: center;
|
||||
justify-content: start;
|
||||
border-bottom: 1px solid var(--numerus--color--black);
|
||||
}
|
||||
|
||||
.caixa-2 {
|
||||
grid-area: 1 / 3 / 2 / 6;
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid var(--numerus--color--black);
|
||||
>>>>>>> Stashed changes
|
||||
}
|
||||
|
||||
.caixa-3 {
|
||||
grid-area: 1 / 6 / 2 / 7;
|
||||
background: var(--numerus--color--white);
|
||||
.mondrian3 {
|
||||
grid-area: 2 / 1 / 3 / 2;
|
||||
border-bottom: 1px solid var(--numerus--color--black);
|
||||
}
|
||||
|
||||
.caixa-4 {
|
||||
grid-area: 2 / 1 / 3 / 3;
|
||||
border-bottom: 1px solid var(--numerus--color--black);
|
||||
}
|
||||
|
||||
.caixa-5 {
|
||||
grid-area: 2 / 3 / 3 / 4;
|
||||
background: var(--numerus--color--red);
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid var(--numerus--color--black);
|
||||
}
|
||||
|
||||
.caixa-6 {
|
||||
grid-area: 2 / 4 / 3 / 5;
|
||||
border-bottom: 1px solid var(--numerus--color--black);
|
||||
}
|
||||
|
||||
.caixa-7 {
|
||||
grid-area: 2 / 5 / 3 / 7;
|
||||
.mondrian4 {
|
||||
grid-area: 2 / 2 / 3 / 4;
|
||||
background: var(--numerus--color--green);
|
||||
font-size: calc(16px + 5vw);
|
||||
display: grid;
|
||||
align-content: center;
|
||||
justify-content: end;
|
||||
border-bottom: 1px solid var(--numerus--color--black);
|
||||
}
|
||||
|
||||
.caixa-8 {
|
||||
grid-area: 3 / 1 / 4 / 2;
|
||||
background: var(--numerus--color--black);
|
||||
color: var(--numerus--color--white);
|
||||
justify-content: start;
|
||||
padding: 1rem;
|
||||
border-bottom: 1px solid var(--numerus--color--black);
|
||||
}
|
||||
|
||||
.caixa-9 {
|
||||
grid-area: 3 / 2 / 4 / 7;
|
||||
font-size: calc(16px + 5vw);
|
||||
display: grid;
|
||||
align-content: center;
|
||||
justify-content: end;
|
||||
.mondrian5 {
|
||||
grid-area: 2 / 4 / 3 / 6;
|
||||
border-bottom: 1px solid var(--numerus--color--black);
|
||||
}
|
||||
|
||||
|
||||
.descripcio {
|
||||
.mondrian6 {
|
||||
grid-area: 2 / 6 / 3 / 7;
|
||||
background: white;
|
||||
border-bottom: 1px solid var(--numerus--color--black);
|
||||
}
|
||||
.mondrian7 {
|
||||
grid-area: 3 / 1 / 4 / 3;
|
||||
background: white;
|
||||
border-bottom: 1px solid var(--numerus--color--black);
|
||||
}
|
||||
.mondrian8 {
|
||||
grid-area: 3 / 3 / 4 / 7;
|
||||
border-bottom: 1px solid var(--numerus--color--black);
|
||||
}
|
||||
.mondrian9 {
|
||||
grid-area: 4 / 1 / 5 / 2;
|
||||
border-bottom: 1px solid var(--numerus--color--black);
|
||||
}
|
||||
.mondrian10 {
|
||||
grid-area: 4 / 2 / 6 / 4;
|
||||
height: 30rem;
|
||||
border-bottom: 1px solid var(--numerus--color--black);
|
||||
background: var(--numerus--color--black);
|
||||
color: white;
|
||||
padding: 1rem;
|
||||
font-size: calc(16px + .7vw);
|
||||
}
|
||||
.mondrian11 {
|
||||
grid-area: 4 / 4 / 5 / 7;
|
||||
border-bottom: 1px solid var(--numerus--color--black);
|
||||
}
|
||||
.mondrian12 {
|
||||
grid-area: 5 / 1 / 6 / 2;
|
||||
}
|
||||
.mondrian13 {
|
||||
grid-area: 5 / 4 / 6 / 5;
|
||||
display: flex;
|
||||
gap: 5rem;
|
||||
justify-content: space-around;
|
||||
margin: 5rem 0;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
}
|
||||
.mondrian13 svg {
|
||||
}
|
||||
.mondrian14 {
|
||||
grid-area: 5 / 5 / 6 / 6;
|
||||
background: var(--numerus--color--red);
|
||||
padding: 1rem;
|
||||
font-size: calc(16px + 0.2vw);
|
||||
}
|
||||
.mondrian15 {
|
||||
grid-area: 5 / 6 / 6 / 7;
|
||||
}
|
||||
|
||||
.paragraf {
|
||||
flex: 2;
|
||||
.description {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
grid-template-rows: repeat(4, 1fr);
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
margin: 5rem 0;
|
||||
}
|
||||
|
||||
.paragraf p {
|
||||
margin: 0 0 2rem 0;
|
||||
max-width: 45%;
|
||||
.description-text {
|
||||
grid-area: 1 / 1 / 4 / 3;
|
||||
}
|
||||
|
||||
.llista {
|
||||
flex: 1;
|
||||
.description-text p {
|
||||
padding: 0 0 2rem 0;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.description-items {
|
||||
grid-area: 2 / 4 / 4 / 6;
|
||||
}
|
||||
|
||||
.icon-list {
|
||||
|
|
@ -10510,56 +10598,65 @@ div[x-data="snackbar"] div[role="alert"].enter.end, div[x-data="snackbar"] div[r
|
|||
width: 24px;
|
||||
}
|
||||
|
||||
.future {
|
||||
.description-progress {
|
||||
grid-area: 4 / 4 / 5 / 6;
|
||||
margin: 5rem 0;
|
||||
padding: 0 0 0 35px;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.opensource {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 5rem;
|
||||
.open {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
grid-template-rows: repeat(4, 1fr);
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
border-top: 1px solid var(--numerus--color--black);
|
||||
}
|
||||
|
||||
.deco_1 {
|
||||
grid-area: 1 / 1 / 2 / 2;
|
||||
background: white;
|
||||
}
|
||||
.license {
|
||||
grid-area: 2 / 4 / 4 / 6;
|
||||
}
|
||||
.download {
|
||||
grid-area: 3 / 2 / 4 / 3;
|
||||
}
|
||||
.download button {
|
||||
margin: 5rem 0;
|
||||
background: var(--numerus--color--yellow);
|
||||
border: var(--numerus--color--yellow);
|
||||
width: 100%;
|
||||
font-size: calc(16px + 1vw);
|
||||
color: var(--numerus--color--black);
|
||||
}
|
||||
|
||||
.quadradet {
|
||||
width: 17rem;
|
||||
height: 17rem;
|
||||
.deco_2 {
|
||||
grid-area: 4 / 5 / 5 / 6;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.llicencia {
|
||||
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;
|
||||
}
|
||||
|
||||
.price {
|
||||
flex: 1;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
grid-template-rows: repeat(3, 1fr);
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
border-top: 1px solid var(--numerus--color--black);
|
||||
padding: 5rem 0;
|
||||
}
|
||||
|
||||
.price h3 {
|
||||
font-size: 4rem;
|
||||
.price_description {
|
||||
grid-area: 1 / 1 / 3 / 3;
|
||||
}
|
||||
|
||||
.price h2 {
|
||||
margin: 5rem 0 0 0;
|
||||
.price_description p {
|
||||
margin: 0 0 2rem 0;
|
||||
}
|
||||
|
||||
.price_cta {
|
||||
grid-area: 2 / 4 / 4 / 6;
|
||||
}
|
||||
|
||||
.price-detail {
|
||||
|
|
@ -10569,62 +10666,10 @@ div[x-data="snackbar"] div[role="alert"].enter.end, div[x-data="snackbar"] div[r
|
|||
align-items: baseline;
|
||||
}
|
||||
|
||||
/* web responsive */
|
||||
|
||||
@media screen and (max-width: 992px) {
|
||||
|
||||
.contenidor {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(1, 1fr);
|
||||
}
|
||||
|
||||
.graella {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
grid-template-rows: repeat(5, 1fr);
|
||||
grid-column-gap: 0;
|
||||
grid-row-gap: 0;
|
||||
}
|
||||
|
||||
.caixa-1 {
|
||||
grid-area: 1 / 1 / 2 / 2; /* posició 1*/
|
||||
}
|
||||
|
||||
.caixa-2 {
|
||||
grid-area: 1 / 2 / 2 / 3; /* posició 2*/
|
||||
}
|
||||
|
||||
.caixa-3 {
|
||||
grid-area: 2 / 1 / 3 / 2; /* posició 3*/
|
||||
}
|
||||
|
||||
.caixa-4 {
|
||||
grid-area: 5 / 1 / 6 / 2; /* posició 7*/
|
||||
display: none;
|
||||
}
|
||||
|
||||
.caixa-5 {
|
||||
grid-area: 2 / 2 / 3 / 3; /*posició 4*/
|
||||
}
|
||||
|
||||
.caixa-6 {
|
||||
grid-area: 5 / 2 / 6 / 3; /* posició 8*/
|
||||
display: none;
|
||||
}
|
||||
|
||||
.caixa-7 {
|
||||
grid-area: 3 / 1 / 4 / 2; /* posició 5*/
|
||||
justify-content: start;
|
||||
}
|
||||
|
||||
.caixa-8 {
|
||||
grid-area: 3 / 2 / 4 / 3; /* posició 6*/
|
||||
}
|
||||
|
||||
.caixa-9 {
|
||||
grid-area: 4 / 1 / 5 / 3; /* posició 9*/
|
||||
}
|
||||
|
||||
|
||||
.price-detail h3 {
|
||||
font-size: 4rem;
|
||||
}
|
||||
|
||||
.price_cta p {
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,27 +3,41 @@
|
|||
{{- end }}
|
||||
|
||||
{{ define "content" -}}
|
||||
<div class="graella">
|
||||
<div class="caixa caixa-1">autònoms</div>
|
||||
<div class="caixa caixa-2"></div>
|
||||
<div class="caixa caixa-3"></div>
|
||||
<div class="caixa caixa-4"></div>
|
||||
<div class="caixa caixa-5"> Eina per simplificar la gestió de les autònomes, que prou feina tens amb lo teu.</div>
|
||||
<div class="caixa caixa-6"></div>
|
||||
<div class="caixa caixa-7">gestió</div>
|
||||
<div class="caixa caixa-8">
|
||||
<p>PRESSUPOSTOS</p>
|
||||
<p>FACTURES</p>
|
||||
<p>DESPESES</p>
|
||||
<p>IMPOSTOS</p>
|
||||
<p>SERVEIS/PRODUCTES</p>
|
||||
<p>CONTACTES</p>
|
||||
<div class="mondrian">
|
||||
<div class="mondrian-element mondrian1"> </div>
|
||||
<div class="mondrian-element mondrian2">
|
||||
autònoms
|
||||
</div>
|
||||
<div class="caixa caixa-9"></div>
|
||||
<div class="mondrian-element mondrian3"> </div>
|
||||
<div class="mondrian-element mondrian4">
|
||||
gestió
|
||||
</div>
|
||||
<div class="mondrian-element mondrian5"> </div>
|
||||
<div class="mondrian-element mondrian6"> </div>
|
||||
<div class="mondrian-element mondrian7"> </div>
|
||||
<div class="mondrian-element mondrian8"> </div>
|
||||
<div class="mondrian-element mondrian9"> </div>
|
||||
<div class="mondrian-element mondrian10">
|
||||
PRESSUPOSTOS<br>
|
||||
FACTURES<br>
|
||||
DESPESES<br>
|
||||
IMPOSTOS<br>
|
||||
SERVEIS/PRODUCTES<br>
|
||||
CONTACTES<br>
|
||||
</div>
|
||||
<div class="mondrian-element mondrian11"> </div>
|
||||
<div class="mondrian-element mondrian12"> </div>
|
||||
<div class="mondrian-element mondrian13">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z"></path></svg>
|
||||
</div>
|
||||
<div class="mondrian-element mondrian14">
|
||||
<p>Eina per simplificar la gestió, que prou feina tens amb lo teu.</p>
|
||||
</div>
|
||||
<div class="mondrian-element mondrian15"></div>
|
||||
</div>
|
||||
|
||||
<div class="descripcio">
|
||||
<div class="paragraf">
|
||||
<div class="description">
|
||||
<div class="description-text">
|
||||
<p>Si estàs en règim d'autònom/a ja saps el que costa portar al dia la facturació.</p>
|
||||
|
||||
<p>Tips de provar diferents aplicacions i que cap s'ajustés a les nostres necessitats, vam decidir fer la nostra pròpia eina: numerus.</p>
|
||||
|
|
@ -32,46 +46,44 @@
|
|||
|
||||
<p>Creiem que per a una petita empresa, cooperativa o una associació també pot ajudar a gestionar els números de l'entitat.</p>
|
||||
</div>
|
||||
<div class="llista">
|
||||
<div class="icon-list"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M11.9999 17C15.6623 17 18.8649 18.5751 20.607 20.9247L18.765 21.796C17.3473 20.1157 14.8473 19 11.9999 19C9.15248 19 6.65252 20.1157 5.23479 21.796L3.39355 20.9238C5.13576 18.5747 8.33796 17 11.9999 17ZM11.9999 2C14.7613 2 16.9999 4.23858 16.9999 7V10C16.9999 12.6888 14.8776 14.8818 12.2168 14.9954L11.9999 15C9.23847 15 6.9999 12.7614 6.9999 10V7C6.9999 4.31125 9.1222 2.11818 11.783 2.00462L11.9999 2ZM11.9999 4C10.4022 4 9.09623 5.24892 9.00499 6.82373L8.9999 7V10C8.9999 11.6569 10.343 13 11.9999 13C13.5976 13 14.9036 11.7511 14.9948 10.1763L14.9999 10V7C14.9999 5.34315 13.6567 4 11.9999 4Z"></path></svg> usuari/a administrador/a</div>
|
||||
<div class="description-items">
|
||||
<div class="icon-list"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M14 14.252V16.3414C13.3744 16.1203 12.7013 16 12 16C8.68629 16 6 18.6863 6 22H4C4 17.5817 7.58172 14 12 14C12.6906 14 13.3608 14.0875 14 14.252ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11ZM17.7929 19.9142L21.3284 16.3787L22.7426 17.7929L17.7929 22.7426L14.2574 19.2071L15.6716 17.7929L17.7929 19.9142Z"></path></svg> usuari/a administrador/a</div>
|
||||
<div class="icon-list"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M14 14.252V16.3414C13.3744 16.1203 12.7013 16 12 16C8.68629 16 6 18.6863 6 22H4C4 17.5817 7.58172 14 12 14C12.6906 14 13.3608 14.0875 14 14.252ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11ZM18 17V14H20V17H23V19H20V22H18V19H15V17H18Z"></path></svg> usuari/a gestor/a</div>
|
||||
<div class="icon-list"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M14 14.252V16.3414C13.3744 16.1203 12.7013 16 12 16C8.68629 16 6 18.6863 6 22H4C4 17.5817 7.58172 14 12 14C12.6906 14 13.3608 14.0875 14 14.252ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11ZM18.5858 17L16.7574 15.1716L18.1716 13.7574L22.4142 18L18.1716 22.2426L16.7574 20.8284L18.5858 19H15V17H18.5858Z"></path></svg> usuari/a comptable</div>
|
||||
<div class="icon-list"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 14V16C8.68629 16 6 18.6863 6 22H4C4 17.5817 7.58172 14 12 14ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11ZM21.4462 20.032L22.9497 21.5355L21.5355 22.9497L20.032 21.4462C19.4365 21.7981 18.7418 22 18 22C15.7909 22 14 20.2091 14 18C14 15.7909 15.7909 14 18 14C20.2091 14 22 15.7909 22 18C22 18.7418 21.7981 19.4365 21.4462 20.032ZM18 20C19.1046 20 20 19.1046 20 18C20 16.8954 19.1046 16 18 16C16.8954 16 16 16.8954 16 18C16 19.1046 16.8954 20 18 20Z"></path></svg> usuari/a comptable</div>
|
||||
<div class="icon-list"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M17.5049 21.0027C15.5719 21.0027 14.0049 19.4357 14.0049 17.5027C14.0049 15.5697 15.5719 14.0027 17.5049 14.0027C19.4379 14.0027 21.0049 15.5697 21.0049 17.5027C21.0049 19.4357 19.4379 21.0027 17.5049 21.0027ZM17.5049 19.0027C18.3333 19.0027 19.0049 18.3312 19.0049 17.5027C19.0049 16.6743 18.3333 16.0027 17.5049 16.0027C16.6765 16.0027 16.0049 16.6743 16.0049 17.5027C16.0049 18.3312 16.6765 19.0027 17.5049 19.0027ZM6.50488 10.0027C4.57189 10.0027 3.00488 8.43574 3.00488 6.50275C3.00488 4.56975 4.57189 3.00275 6.50488 3.00275C8.43788 3.00275 10.0049 4.56975 10.0049 6.50275C10.0049 8.43574 8.43788 10.0027 6.50488 10.0027ZM6.50488 8.00275C7.33331 8.00275 8.00488 7.33117 8.00488 6.50275C8.00488 5.67432 7.33331 5.00275 6.50488 5.00275C5.67646 5.00275 5.00488 5.67432 5.00488 6.50275C5.00488 7.33117 5.67646 8.00275 6.50488 8.00275ZM19.076 3.51747L20.4902 4.93168L4.93382 20.488L3.5196 19.0738L19.076 3.51747Z"></path></svg> creació de tipus d’impostos</div>
|
||||
<div class="icon-list"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M5 3V19H21V21H3V3H5ZM20.2929 6.29289L21.7071 7.70711L16 13.4142L13 10.415L8.70711 14.7071L7.29289 13.2929L13 7.58579L16 10.585L20.2929 6.29289Z"></path></svg> gràfiques de progrés i comparació</div>
|
||||
<div class="icon-list"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M10.9042 2.10025L20.8037 3.51446L22.2179 13.414L13.0255 22.6063C12.635 22.9969 12.0019 22.9969 11.6113 22.6063L1.71184 12.7069C1.32131 12.3163 1.32131 11.6832 1.71184 11.2926L10.9042 2.10025ZM11.6113 4.22157L3.83316 11.9997L12.3184 20.485L20.0966 12.7069L19.036 5.28223L11.6113 4.22157ZM13.7327 10.5855C12.9516 9.80448 12.9516 8.53815 13.7327 7.7571C14.5137 6.97606 15.78 6.97606 16.5611 7.7571C17.3421 8.53815 17.3421 9.80448 16.5611 10.5855C15.78 11.3666 14.5137 11.3666 13.7327 10.5855Z"></path></svg> etiquetes per classificar</div>
|
||||
<div class="icon-list"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M21 4V6H20L15 13.5V22H9V13.5L4 6H3V4H21ZM6.4037 6L11 12.8944V20H13V12.8944L17.5963 6H6.4037Z"></path></svg> filtres avançats</div>
|
||||
<div class="icon-list"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M18.5 10L22.9 21H20.745L19.544 18H15.454L14.255 21H12.101L16.5 10H18.5ZM10 2V4H16V6L14.0322 6.0006C13.2425 8.36616 11.9988 10.5057 10.4115 12.301C11.1344 12.9457 11.917 13.5176 12.7475 14.0079L11.9969 15.8855C10.9237 15.2781 9.91944 14.5524 8.99961 13.7249C7.21403 15.332 5.10914 16.5553 2.79891 17.2734L2.26257 15.3442C4.2385 14.7203 6.04543 13.6737 7.59042 12.3021C6.46277 11.0281 5.50873 9.57985 4.76742 8.00028L7.00684 8.00037C7.57018 9.03885 8.23979 10.0033 8.99967 10.877C10.2283 9.46508 11.2205 7.81616 11.9095 6.00101L2 6V4H8V2H10ZM17.5 12.8852L16.253 16H18.745L17.5 12.8852Z"></path></svg> idiomes: cat esp eng</div>
|
||||
<div class="icon-list"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M16 16C17.6569 16 19 17.3431 19 19C19 20.6569 17.6569 22 16 22C14.3431 22 13 20.6569 13 19C13 17.3431 14.3431 16 16 16ZM6 12C8.20914 12 10 13.7909 10 16C10 18.2091 8.20914 20 6 20C3.79086 20 2 18.2091 2 16C2 13.7909 3.79086 12 6 12ZM16 18C15.4477 18 15 18.4477 15 19C15 19.5523 15.4477 20 16 20C16.5523 20 17 19.5523 17 19C17 18.4477 16.5523 18 16 18ZM6 14C4.89543 14 4 14.8954 4 16C4 17.1046 4.89543 18 6 18C7.10457 18 8 17.1046 8 16C8 14.8954 7.10457 14 6 14ZM14.5 2C17.5376 2 20 4.46243 20 7.5C20 10.5376 17.5376 13 14.5 13C11.4624 13 9 10.5376 9 7.5C9 4.46243 11.4624 2 14.5 2ZM14.5 4C12.567 4 11 5.567 11 7.5C11 9.433 12.567 11 14.5 11C16.433 11 18 9.433 18 7.5C18 5.567 16.433 4 14.5 4Z"></path></svg> creació de productes/serveis com a base</div>
|
||||
|
||||
<div class="future"> estem trebalant amb:<br>
|
||||
</div>
|
||||
<div class="description-progress">
|
||||
estem treballant amb:<br>
|
||||
control d’estoc<br>
|
||||
tiquets (factura simplificada)<br>
|
||||
... </div>
|
||||
|
||||
|
||||
|
||||
alta usuaris/es i cobrament recurrent<br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="opensource">
|
||||
<div class="download">
|
||||
<div class="quadradet"></div>
|
||||
<a href="https://dev.tandem.ws/tandem/numerus" target="_blank"><button type="submit">DESCARREGA</button></a>
|
||||
<div class="open">
|
||||
<div class="deco_1"> </div>
|
||||
<div class="license">
|
||||
<div class="icon-list">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12.001 2C17.5238 2 22.001 6.47715 22.001 12C22.001 16.3996 19.1598 20.1355 15.2122 21.4732L14.9859 21.5469L12.082 13.997C13.151 13.95 14.001 13.0544 14.001 12C14.001 10.8954 13.1055 10 12.001 10C10.8964 10 10.001 10.8954 10.001 12C10.001 13.0768 10.8519 13.9548 11.918 13.9983L9.01501 21.5466L8.78975 21.4732C4.84212 20.1355 2.00098 16.3996 2.00098 12C2.00098 6.47715 6.47813 2 12.001 2ZM12.001 4C7.5827 4 4.00098 7.58172 4.00098 12C4.00098 14.9201 5.56547 17.4747 7.90198 18.8715L9.38145 15.023C8.5358 14.2896 8.00098 13.2073 8.00098 12C8.00098 9.79086 9.79184 8 12.001 8C14.2101 8 16.001 9.79086 16.001 12C16.001 13.2075 15.466 14.29 14.62 15.0234C15.1861 16.4969 15.6797 17.7803 16.0998 18.8729C18.4362 17.4751 20.001 14.9203 20.001 12C20.001 7.58172 16.4193 4 12.001 4Z"></path></svg>
|
||||
</div>
|
||||
<div class="llicencia">
|
||||
<div>
|
||||
<div class="icon-list"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12.001 2C17.5238 2 22.001 6.47715 22.001 12C22.001 16.3996 19.1598 20.1355 15.2122 21.4732L14.9859 21.5469L12.082 13.997C13.151 13.95 14.001 13.0544 14.001 12C14.001 10.8954 13.1055 10 12.001 10C10.8964 10 10.001 10.8954 10.001 12C10.001 13.0768 10.8519 13.9548 11.918 13.9983L9.01501 21.5466L8.78975 21.4732C4.84212 20.1355 2.00098 16.3996 2.00098 12C2.00098 6.47715 6.47813 2 12.001 2ZM12.001 4C7.5827 4 4.00098 7.58172 4.00098 12C4.00098 14.9201 5.56547 17.4747 7.90198 18.8715L9.38145 15.023C8.5358 14.2896 8.00098 13.2073 8.00098 12C8.00098 9.79086 9.79184 8 12.001 8C14.2101 8 16.001 9.79086 16.001 12C16.001 13.2075 15.466 14.29 14.62 15.0234C15.1861 16.4969 15.6797 17.7803 16.0998 18.8729C18.4362 17.4751 20.001 14.9203 20.001 12C20.001 7.58172 16.4193 4 12.001 4Z"></path></svg></div>
|
||||
<p>numerus és programari lliure distribuït sota <a href="https://www.gnu.org/licenses/licenses.ca.html#AGPL" target="_blank">La Llicència Pública General Affero (AGPL)</a>, això vol dir que t’ho pots descarregar, instal·lar al teu servidor(*), modificar i compartir el que has fet(**).</p>
|
||||
|
||||
<p><small>*_ servidor mínim: 1 GB RAM, 1/2 vCore, 5 GB SSD NVMe.</small><br>
|
||||
<small>**_ sempre que respectis els mateixos valors i ho comparteixis amb la mateixa llicència.</small></p>
|
||||
</div>
|
||||
<div class="quadradet"></div>
|
||||
<div class="download">
|
||||
<a href="https://dev.tandem.ws/tandem/numerus" target="_blank"><button type="submit">DESCARREGA</button></a>
|
||||
</div>
|
||||
<div class="deco_2"> </div>
|
||||
</div>
|
||||
|
||||
<div class="price-section">
|
||||
<div class="paragraf">
|
||||
<div class="price">
|
||||
<div class="price_description">
|
||||
<p>Si no saps com instal·lar numerus en un servidor, pots registrar-te amb nosaltres.</p>
|
||||
|
||||
<p>Obtindràs un accés privat i encriptat al teu tauler on gestionar tota l'aplicació.</p>
|
||||
|
|
@ -80,11 +92,11 @@
|
|||
|
||||
<p>I de pas ens ajudes a mantenir i millorar el que hem fet i t'és útil :)</p>
|
||||
</div>
|
||||
<div class="price">
|
||||
<div class="price_cta">
|
||||
<div class="price-detail"><h3>6,00 €/mes</h3><small>(sense impostos)</small></div>
|
||||
<div class="price-detail"><h3>7,26 €/mes</h3><small>(amb impostos)</small></div>
|
||||
<p>Al crear un usuari, pots cancel·lar la teva subscripció en qualsevol moment. Es cobrarà fins al mes actual.</p>
|
||||
<h2>Escriu-nos a hola@tandem.blog i donem d'alta</h2>
|
||||
<h2>Escriu-nos a hola@tandem.blog i donem d'alta el teu perfil</h2>
|
||||
</div>
|
||||
</div>
|
||||
{{- end }}
|
||||
|
|
|
|||
Loading…
Reference in New Issue