Add static content for home and legal pages

This is based on the “web content” of Numerus’ version 01807de5ca. The
content is the same, but the style is done in a different fashion.

Unfortunately, i could not do the mondrian thing without extra markup.
This commit is contained in:
jordi fita mas 2025-01-16 17:45:48 +01:00
commit 7d7eed43a1
9 changed files with 1566 additions and 0 deletions

BIN
JetBrainsMono-Bold.woff2 Normal file

Binary file not shown.

Binary file not shown.

BIN
JetBrainsMono-Italic.woff2 Normal file

Binary file not shown.

BIN
JetBrainsMono-Regular.woff2 Normal file

Binary file not shown.

257
cookies.html Normal file
View File

@ -0,0 +1,257 @@
<!doctype html>
<html lang="ca">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Política de galetes — Numerus</title>
<link rel="preload" href="JetBrainsMono-Bold.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="JetBrainsMono-BoldItalic.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="JetBrainsMono-Italic.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="JetBrainsMono-Regular.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" media="screen" href="screen.css?v=2025011500">
</head>
<body>
<header>
<h1><a href="index.html"><span class="caps">N</span>umerus</a></h1>
<nav>
<ul>
<li><a href="https://apli.numerus.cat/">Entrada</a></li>
<li><a href="https://demo.numerus.cat/">Demo</a></li>
<li><a href="https://dev.tandem.ws/tandem/numerus">Codi</a></li>
</ul>
</nav>
</header>
<main class="legal">
<h2 id="politica-galetes">Política de galetes</h2>
<h3 id="antecedents">Antecedents</h3>
<p>
De conformitat amb la normativa espanyola que regula lús de galetes en
relació amb la prestació de serveis de comunicacions electròniques,
recollida en el Reial decret llei 13/2012 del 30 de març, linformem
sobre les galetes utilitzades en el lloc web de ORIOL CARBONELL PUJOLÀS
(també el prestador) i el motiu del seu ús. Així mateix, linforma que
en navegar en el Lloc web vostè està prestant el seu consentiment per a
poder utilitzar-les.
</p>
<h3 id="que-son-les-galetes">Què són les galetes?</h3>
<p>
Una galeta és un fitxer que es descarrega en el seu ordinador en accedir
a determinat llocs web. Les galetes permeten a un lloc web, entre altres
coses, emmagatzemar i recuperar informació sobre els hàbits de navegació
dun usuari o del seu equip i, depenent de la informació que continguin
i de la forma en què utilitzi el seu equip, poden utilitzar-se per a
reconèixer a lusuari. Les galetes sassocien únicament a un usuari
anònim i el seu ordinador o dispositiu i no proporcionen referències que
permetin conèixer les seves dades personals.
</p>
<h3 id="galetes-afectades-galetes-exemptes">Galetes afectades per la normativa i galetes exemptes</h3>
<p>
Segons la directiva de la <abbr>UE</abbr>, les galetes que requereixen
el consentiment informat per part de lusuari són les galetes
danalítica i les de publicitat i afiliació, quedant exceptuades les de
caràcter tècnic i les necessàries per al funcionament del lloc web o la
prestació de serveis expressament demandats per lusuari.
</p>
<h3 id="tipus-de-galetes">Tipus de galetes</h3>
<ol type="a">
<li>
Segons lentitat que les gestioni, hi han galetes pròpies, aquelles
que senvien a lequip terminal de lusuari des dun equip o domini
gestionat pel propi editor i des del qual es presta el servei
Sol·licitat per lusuari; i de tercers, les que senvien a lequip
terminal de lusuari des dun equip o domini que no és gestionat per
leditor, sinó per una altra entitat que tracta les dades obtingudes
través de les galetes.
</li>
<li>
Segons el temps que romanen actives, existeixen les de sessió,
dissenyades per a recaptar i emmagatzemar dades mentre lusuari
accedeix a una pàgina web; i les persistents, en les quals les dades
semmagatzemen en el terminal i poden ser accedits i tractats durant
un període definit pel responsable de la galeta que pot anar duns
minuts a diversos anys.
</li>
<li>
Segons la finalitat per a la qual tractin la informació que recopilen,
poden ser:
<dl>
<dt>Galetes tècniques</dt>
<dd>
necessàries per a lús de la web i la prestació del servei
contractat.
</dd>
<dt>Galetes de personalització</dt>
<dd>
que permeten a lusuari accedir al servei amb característiques
predefinides, com per exemple lidioma, tipus de navegador,
configuració regional, etc.
</dd>
<dt>Galetes danàlisis</dt>
<dd>
recullen informació lús que es realitza de la web.
</dd>
<dt>Galetes publicitàries</dt>
<dd>
recullen informació sobre les preferències i eleccions
personals dels usuaris.
</dd>
<dt>Galetes dafiliats</dt>
<dd>
permeten realitzar un seguiment de les visites procedents daltres
webs, amb les quals el lloc web estableix un contracte
dafiliació.
</dd>
</dl>
</li>
</ol>
<h3 id="tipus-galetes-utilitzades-aquest-lloc">Tipus de galetes utilitzades per aquest lloc web</h3>
<table>
<thead>
<tr>
<th scope="col">Nom</th>
<th scope="col">Tipus</th>
<th scope="col">Caducitat</th>
<th scope="col">Finalitat</th>
<th scope="col">Classe</th>
</tr>
</thead>
<tbody>
<tr>
<td>numerus-session</td>
<td>Pròpia</td>
<td>Peristent</td>
<td>Identificar lentrada de lUsuari a la seves dades</td>
<td>Tècnica</td>
</tr>
</tbody>
</table>
<h3 id="revocacio">Revocació</h3>
<p>
En tot moment podrà accedir a la configuració del seu navegador
acceptant o rebutjant totes les galetes, o bé seleccionar aquelles la
instal·lació de les quals admet i quines no, seguint un dels següents
procediments, que depèn del navegador que utilitzi:
</p>
<dl>
<dt>Google Chrome</dt>
<dd><kbd><kbd><samp>Configuració</samp></kbd><kbd><samp>Mostrar opcions avançades</samp></kbd>
<kbd><samp>Privacitat (Configuració de contingut)</samp></kbd><kbd><samp lang="en">Cookies</samp></kbd></kbd>
</dd>
<dd><a href="https://support.google.com/chrome/answer/95647?co=genie.platform%3DDesktop&amp;hl=ca">https://support.google.com/chrome/answer/95647?co=genie.platform%3DDesktop&amp;hl=ca</a>
</dd>
<dt>Microsoft Internet Explorer</dt>
<dd><kbd><kbd><samp>Opcions dInternet</samp></kbd><kbd><samp>Privacitat</samp></kbd>
<kbd><samp>Avançada</samp></kbd></kbd></dd>
<dd><a href="https://support.microsoft.com/ca-es/help/17442/windows-internet-explorer-delete-managecookies">https://support.microsoft.com/ca-es/help/17442/windows-internet-explorer-delete-managecookies</a>
</dd>
<dt>Firefox</dt>
<dd><kbd><kbd><samp>Opcions</samp></kbd><kbd><samp>Privacitat</samp></kbd><kbd><samp
lang="en">Cookies</samp></kbd></kbd></dd>
<dd><a href="https://support.mozilla.org/ca/products/firefox/protect-your-privacy/cookies">https://support.mozilla.org/ca/products/firefox/protect-your-privacy/cookies</a>
</dd>
<dt>Safari, iPad i iPhone</dt>
<dd><kbd><kbd><samp>Preferències</samp></kbd><kbd><samp>Privacitat</samp></kbd></kbd></dd>
<dd><a href="https://support.apple.com/ca-es/105082">https://support.apple.com/ca-es/105082</a></dd>
<dt>Opera</dt>
<dd><kbd><kbd><samp>Configuració</samp></kbd><kbd><samp>Opcions</samp></kbd>
<kbd><samp>Avançat</samp></kbd><kbd><samp lang="en">Cookies</samp></kbd></kbd></dd>
<dd><a href="https://help.opera.com/en/latest/web-preferences/#cookies">https://help.opera.com/en/latest/web-preferences/#cookies</a>
</dd>
</dl>
<p>
Aquests navegadors estan sotmesos a actualitzacions o modificacions, per la qual cosa no podem garantir que
sajustin completament a la versió del seu navegador. També pot ser que utilitzi un altre navegador no
contemplat en aquests enllaços com Konqueror, Arora, Flock, etc.
</p>
<p>
Per a evitar aquests desajustaments, pot accedir directament des de les opcions del seu navegador,
generalment en el menú de «Opcions» en la secció de «Privacitat». Si us plau, consulti lajuda del seu
navegador per a més informació.
</p>
<h3 id="eliminacio-galetes">Desactivació/activació i eliminació de galetes</h3>
<p>
Per a restringir o bloquejar les galetes, es fa a través de la
configuració del navegador.
</p>
<p>
Si no desitja que els llocs web posin cap galeta en el seu equip, pot
adaptar la configuració del navegador de manera que se li notifiqui
abans que es col·loqui cap galeta. Digual manera, pot adaptar la
configuració de manera que el navegador rebutgi totes les galetes, o
únicament les galetes de tercers. També pot eliminar qualsevol de les
galetes que ja es trobin en lequip. Tingui en compte que haurà
dadaptar per separat la configuració de cada navegador i equip que
utilitzi.
</p>
<p>
Tingui en compte que, si no desitja rebre galetes, ja no podrem garantir
que el nostre lloc web funcioni degudament. Pot ser que algunes funcions
del lloc es perdin i és possible que ja no pugui veure certs llocs web.
</p>
<p>
Cada navegador posseeix un mètode diferent per a adaptar la
configuració. Si fos necessari, consulti la funció dajuda del navegador
per a establir la configuració correcta. Per a desactivar les galetes en
el telèfon mòbil, consulti el manual del dispositiu per a obtenir més
informació.
</p>
<p>
Pot obtenir més informació sobre les galetes dInternet
a <a href="https://www.aboutcookies.org/">https://www.aboutcookies.org/</a>.
</p>
<p>
Tenint en compte la forma en la qual funciona Internet i els llocs web,
no sempre comptem amb informació de les galetes que col·loquen terceres
parts a través del nostre lloc web. Això saplica especialment a casos
en els quals la nostra pàgina web conté el que es denominen elements
integrats: textos, documents, imatges o breus pel·lícules que
semmagatzemen en una altra part, però es mostren en el nostre lloc web
o a través daquest. Per tant, en cas que es trobi amb aquest tipus de
galetes en aquest lloc web i no estiguin enumerades en la llista
anterior, li preguem que ens el comuniqui. O bé posis en contacte
directament amb el tercer per a demanar-li informació sobre les galetes
que col·loca, la finalitat i la durada de la galeta, i com ha garantit
la seva privacitat.
</p>
</main>
<footer>
<p>Ho hem fet tan bé com hem sabut lOriol Carbonell i en Jordi Fita de <a href="https://tandem.blog">Tàndem</a>.</p>
<ul>
<li><a href="legal.html" rel="terms-of-service">Avís legal</a></li>
<li><a href="privacy.html" rel="privacy-policy">Política de privacitat</a></li>
<li><a href="cookies.html">Política de galetes</a></li>
</ul>
</footer>
</body>
</html>

166
index.html Normal file
View File

@ -0,0 +1,166 @@
<!doctype html>
<html lang="ca">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Numerus</title>
<link rel="preload" href="JetBrainsMono-Bold.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="JetBrainsMono-BoldItalic.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="JetBrainsMono-Italic.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="JetBrainsMono-Regular.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" media="screen" href="screen.css?v=2025011500">
</head>
<body>
<header>
<h1><a href="index.html"><span class="caps">N</span>umerus</a></h1>
<nav>
<ul>
<li><a href="https://apli.numerus.cat/">Entrada</a></li>
<li><a href="https://demo.numerus.cat/">Demo</a></li>
<li><a href="https://dev.tandem.ws/tandem/numerus">Codi</a></li>
</ul>
</nav>
</header>
<div class="mondrian" hidden>
<div><span>autònoms</span></div>
<div><span>gestió</span></div>
<div><span>
PRESSUPOSTOS<br>
FACTURES<br>
DESPESES<br>
IMPOSTOS<br>
SERVEIS/PRODUCTES<br>
CONTACTES</span>
</div>
<div><span>Eina per simplificar la gestió, que prou feina tens amb lo teu.</span></div>
</div>
<main>
<div class="description">
<div>
<p>
Si estàs en règim dautònom/a ja saps el que costa portar al dia la
facturació.
</p>
<p>
Tips de provar diferents aplicacions i que cap sajustés a les nostres
necessitats, vam decidir fer la nostra pròpia
eina: <span class="caps">N</span>umerus.
</p>
<p>
La hem estat provant un temps i creiem que és hora de compartir-la.
</p>
<p>
Creiem que per a una petita empresa, cooperativa o associació també pot
ajudar a gestionar els números de lentitat.
</p>
</div>
<div id="caracteristiques">
<h2>característiqes</h2>
<ul>
<li class="icon_admin">usuari/a administrador/a</li>
<li class="icon_user">usuari/a gestor/a</li>
<li class="icon_accountant">usuari/a comptable</li>
<li class="icon_taxes">creació de tipus dimpostos</li>
<li class="icon_chart">gràfiques de progrés i comparació</li>
<li class="icon_tag">etiquetes per classificar</li>
<li class="icon_filter">filtres avançats</li>
<li class="icon_language">idiomes: <abbr>cat</abbr> <abbr>esp</abbr> <abbr>eng</abbr></li>
<li class="icon_product">creació de productes/serveis com a base</li>
</ul>
</div>
<div id="futur">
<p>estem treballant amb:</p>
<ul>
<li>control destoc</li>
<li>tiquets (factura simplificada)</li>
<li>alta usuaris/es i cobrament recurrent</li>
</ul>
</div>
</div>
<div class="open">
<div id="llicencia">
<h2>llicència</h2>
<p>
<span class="caps">N</span>umerus és programari lliure distribuït
sota <a href="https://www.gnu.org/licenses/licenses.ca.html#AGPL">La
Llicència Pública General Affero (<abbr>AGPL</abbr>)</a>, això vol dir
que tel pots descarregar, instal·lar-tel al teu
servidor<a href="#requeriments"><small>(*)</small></a>, modificar-lo i
compartir el que has
fet<a href="#compartir-igual"><small>(**)</small></a>.
</p>
<div id="requeriments"><small>*_ servidor mínim: 1 <abbr>GB</abbr> <abbr>RAM</abbr>,
1/2 vCore, 5 GB <abbr>SSD</abbr> <abbr>NVMe</abbr>.
</small></div>
<div id="compartir-igual"><small>**_ sempre que respectis els mateixos valors i ho comparteixis
sota la mateixa llicència.
</small></div>
</div>
<a href="https://dev.tandem.ws/tandem/numerus">Descarrega</a>
</div>
<div id="preu">
<h2>preu</h2>
<div>
<p>
Si prefereixes no haver dinstal·lar <span class="caps">N</span>umerus a
un servidor, pots registrar-te al nostre.
</p>
<p>
Obtindràs un accés privat i encriptat al teu tauler on gestionar tota
laplicació.
</p>
<p>
Nosaltres et cobrarem el que costa un servidor dedicat a clouding.io per
allotjar <span class="caps">N</span>umerus + la gestió i manteniment de
laplicació + impostos.
</p>
<p>
I de pas ens ajudes a mantenir i millorar el que hem fet i tés útil :)
</p>
</div>
<div>
<div>
<strong>6,00 €/mes</strong> <small>(sense impostos)</small><br>
<strong>7,26 €/mes</strong> <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>
<p class="cta">
Escriu-nos a <a href="mailto:hola@tandem.blog">hola@tandem.blog</a> i
donem dalta el teu perfil.
</p>
</div>
</div>
</main>
<footer>
<p>
Ho hem fet tan bé com hem sabut lOriol Carbonell i en Jordi Fita
de <a href="https://tandem.blog">Tàndem</a>.
</p>
<ul>
<li><a href="legal.html" rel="terms-of-service">Avís legal</a></li>
<li><a href="privacy.html" rel="privacy-policy">Política de privacitat</a></li>
<li><a href="cookies.html">Política de galetes</a></li>
</ul>
</footer>
</body>
</html>

334
legal.html Normal file
View File

@ -0,0 +1,334 @@
<!doctype html>
<html lang="ca">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Avís legal — Numerus</title>
<link rel="preload" href="JetBrainsMono-Bold.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="JetBrainsMono-BoldItalic.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="JetBrainsMono-Italic.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="JetBrainsMono-Regular.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" media="screen" href="screen.css?v=2025011500">
</head>
<body>
<header>
<h1><a href="index.html"><span class="caps">N</span>umerus</a></h1>
<nav>
<ul>
<li><a href="https://apli.numerus.cat/">Entrada</a></li>
<li><a href="https://demo.numerus.cat/">Demo</a></li>
<li><a href="https://dev.tandem.ws/tandem/numerus">Codi</a></li>
</ul>
</nav>
</header>
<main class="legal">
<h2 id="avis-legal">Avís legal</h2>
<p>
Amb la finalitat de donar compliment a larticle 10 de la Llei 34/2002
de Serveis de la Societat de la Informació i del Comerç Electrònic,
informem als usuaris de les nostres dades:
</p>
<address>Denominació Social: ORIOL CARBONELL PUJOLÀS<br>
Domicili: Carrer de les Estires nº 5, 1r 2a, 17800 Olot<br>
<abbr>DNI</abbr>: 40358143C<br>
Telèfon: +34 659 767 669<br>
Correu electrònic: <a href="mailto:hola@tandem.blog">hola@tandem.blog</a><br>
Lloc web: <a href="https://numerus.cat/">numerus.cat</a></address>
<h3 id="objecte">Objecte</h3>
<p>
ORIOL CARBONELL PUJOLÀS (dara endavant també el prestador), com a
responsable del lloc web, posa a la disposició dels usuaris el present
document, que regula lús del lloc web
<a href="https://numerus.cat">numerus.cat</a>, amb el qual pretenem
donar compliment a les obligacions que disposa la Llei 34/2002, de
Serveis de la Societat de la Informació i del Comerç Electrònic
(<abbr>LSSICE</abbr> o <abbr>LSSI</abbr>), així com informar a tots els
usuaris del lloc web respecte de quines són les condicions dús del lloc
web.
</p>
<p>
A través del Web, ORIOL CARBONELL PUJOLÀS facilita als usuaris laccés i
utilització de diferents serveis i continguts posats a disposició a
través del web.
</p>
<p>
Tota persona que accedeixi a aquest web assumeix el paper dusuari
(dara endavant lusuari), i implica lacceptació total i sense reserves
de totes i cadascuna de les disposicions incloses en aquest avís legal,
així com a qualssevol altres disposicions legals que fossin
aplicables.
</p>
<p>
Com a usuaris, han de llegir atentament aquest Avís Legal en qualsevol
de les ocasions que entrin al web, perquè aquesta pot sofrir
modificacions ja que el prestador es reserva el dret a modificar
qualsevol tipus dinformació que pogués aparèixer en la web, sense que
existeixi lobligació de pre-avisar o posar en coneixement dels usuaris
aquestes obligacions, sent suficients la publicació en el lloc web del
prestador.
</p>
<h3 id="condicions-access-i-us-web">Condicions daccés i ús del web</h3>
<h4 id="caracter-comercial-access-i-us-web">Caràcter comercial de laccés i ús del web</h4>
<p>
La prestació dels serveis per part de ORIOL CARBONELL PUJOLÀS té
caràcter comercial per a tots els Usuaris.
</p>
<h4 id="subscripcio-usuari">Subscripció dUsuari.</h4>
<p>
Amb caràcter general la prestació dels Serveis exigeix la prèvia
subscripció dels Usuaris. Aquesta subscripció sefectuarà dacord amb la
forma expressament prevista en la pròpia secció del servei.
</p>
<h4 id="veracitat-informacio">Veracitat de la informació</h4>
<p>
Tota la informació que facilita lUsuari ha de ser veraç. A aquest
efecte, lUsuari garanteix lautenticitat de les dades comunicades a
través dels formularis per a la subscripció dels Serveis.
</p>
<p>
Serà responsabilitat de lUsuari mantenir tota la informació facilitada
a ORIOL CARBONELL PUJOLÀS permanentment actualitzada de manera que
respongui, a cada moment, a la seva situació real. En tot cas, lUsuari
serà lúnic responsable de les manifestacions falses o inexactes que
realitzi i dels perjudicis que causi al prestador o a tercers.
</p>
<h4 id="menors-edat">Menors dedat</h4>
<p>
Per a lús dels serveis, lUsuari ha de ser major dedat.
</p>
<h4 id="obliacio-us-correcte-web">Obligació de fer un ús correcte del Web</h4>
<p>
LUsuari es compromet a utilitzar el Web de conformitat a la Llei i al
present Avís Legal, així com a la moral i a les bones costums. A aquest
efecte, lUsuari sabstindrà dutilitzar el web amb finalitats
il·lícites o prohibides, lesives de drets i interessos de tercers, o que
de qualsevol forma puguin danyar, inutilitzar, sobrecarregar, deteriorar
o impedir la normal utilització dequips informàtics o documents, arxius
i tota classe de continguts emmagatzemats en qualsevol equip informàtic
del prestador.
</p>
<p>
En particular, i a títol indicatiu, però no exhaustiu, lUsuari es
compromet a no transmetre, difondre o posar a la disposició de tercers
informacions, dades, continguts, missatges, gràfics, dibuixos, arxius de
so o imatge, fotografies, enregistraments, programari i, en general,
qualsevol classe de material que:
</p>
<ol type="a">
<li>
sigui contrària, menyspreï o atempti contra els drets fonamentals i
les llibertats públiques reconegudes constitucionalment, en tractats
internacionals i altres normes vigents;
</li>
<li>
indueixi, inciti o promogui actuacions delictives, denigrants,
difamatòries, violentes o, en general, contràries a la llei, a la
moral i a lordre públic;
</li>
<li>
indueixi, inciti o promogui actuacions, actituds o pensaments
discriminatoris per raó de sexe, raça, religió, creences, edat o
condició;
</li>
<li>
sigui contrari al dret a lhonor, a la intimitat personal o familiar o
a la pròpia imatge de les persones;
</li>
<li>
de qualsevol manera perjudiqui la credibilitat del prestador o de
tercers;
</li>
<li>
constitueixi publicitat il·lícita, enganyosa o deslleial.
</li>
</ol>
<h3 id="exclusio-garanties-i-responsabilitat">Exclusió de garanties i responsabilitat</h3>
<p>
El prestador seximeix de qualsevol tipus de responsabilitat derivada de
la informació publicada en el nostre lloc web, sempre que aquesta
informació hagi estat manipulada o introduïda per un tercer aliè.
</p>
<p>
Aquest web ha estat revisat i provat perquè funcioni correctament. En
principi, es pot garantir el correcte funcionament els 365 dies de
lany, 24 hores al dia. No obstant això, el prestador no descarta la
possibilitat que existeixin determinats errors de programació, o que
succeeixin causes de força major, catàstrofes naturals, vagues, o
circumstàncies semblants que facin impossible laccés a la pàgina
web. ORIOL CARBONELL PUJOLÀS no atorga cap garantia ni es fa
responsable, en cap cas, dels danys i perjudicis de qualsevol naturalesa
que puguin sortir a col·lació de la falta de disponibilitat, manteniment
i efectiu funcionament del web o dels seus serveis i continguts; de
lexistència de virus, programes maliciosos o lesius en els continguts;
de lús il·lícit, negligent, fraudulent o contrari a aquest Avís Legal i
condicions dús; o de la falta de licitud, qualitat, fiabilitat,
utilitat i disponibilitat dels serveis prestats per tercers i posats a
la disposició dels usuaris en el lloc web.
</p>
<p>
El prestador no es fa responsable en cap concepte dels danys que puguin
dimanar de lús il·legal o indegut del present lloc web.
</p>
<h3 id="galetes">Galetes</h3>
<p>
El lloc web del prestador utilitza galetes, petits arxius dinformació
que el servidor envia a lordinador de qui accedeix al lloc, per a dur a
terme determinades funcions que són considerades imprescindibles per al
correcte funcionament i visualització del lloc. Les cookies utilitzades
tenen, en tot cas, caràcter temporal, amb lúnica finalitat de donar
accés a lUsuari a les seves dades.
</p>
<p>
En cap cas sutilitzaran les cookies per a recollir informació de
caràcter personal.
</p>
<p>
Per a més informació, veure <a href="cookies.html">la nostra Política de
Galetes</a>.
</p>
<h3 id="enllacos">Enllaços</h3>
<p>
Des del lloc web és possible que es redirigeixi a continguts de terceres
webs. Atès que des del web no podem controlar sempre els continguts
introduïts pels tercers, ORIOL CARBONELL PUJOLÀS no assumeix cap mena de
responsabilitat respecte a aquests continguts. En tot cas, el prestador
manifesta que procedirà a la retirada immediata de qualsevol contingut
que pogués contravenir la legislació nacional o internacional, la moral
o lordre públic, procedint a la retirada immediata de la re-adreça a
aquestes webs, posant en coneixement de les autoritats competents el
contingut en qüestió.
</p>
<p>
El prestador no es responsabilitza de la informació i continguts
emmagatzemats, a títol enunciatiu, però no limitant, en fòrums, xats,
generadors de blogs, comentaris, xarxes socials o qualsevol altre mitjà
que permeti a tercers publicar continguts de forma independent al lloc
web del prestador. No obstant això i en compliment del que disposen els
articles 11 i 16 de la <abbr>LSSICE</abbr>, el prestador es posa a la
disposició de tots els usuaris, autoritats i forces de seguretat, i
col·laborant de forma activa en la retirada o, quan sigui necessari, el
bloqueig de tots aquells continguts que puguin afectar o contravenir la
legislació nacional, o internacional, drets de tercers o la moral i
lordre públic. En cas que lusuari consideri que pot existir algun
contingut que pogués ser susceptible daquesta classificació, es prega
notifiqui de forma immediata a ladministrador del lloc web.
</p>
<h3 id="proteccio-dades-personals">Protecció de dades personals</h3>
<p>
El prestador està profundament compromès amb el compliment de la
normativa de protecció de dades personals i garanteix el compliment
íntegre de les obligacions disposades, així com la implementació de les
mesures de seguretat disposades al Reglament Europeu de Protecció de
dades i la normativa espanyola de protecció de dades. Per a més
informació, veure <a href="privacy.html">la nostra Política de
Privacitat</a>.
</p>
<h3 id="propietat-intelectual-i-industrial">Propietat intel·lectual i industrial</h3>
<p>
El lloc web, incloent a títol enunciatiu, però no limitatiu, la
programació, edició, compilació i altres elements necessaris per al seu
funcionament, els dissenys, logotips, textos, fotografies i/o gràfics
són propietat del prestador o, en cas que fos necessari, disposa de la
llicència o autorització expressa per part dels autors. Tots els
continguts del lloc web es troben degudament protegits per la normativa
de propietat intel·lectual i industrial.
</p>
<p>
Independentment de la finalitat per la qual fossin destinats, la
reproducció total o parcial, ús, distribució i comunicació pública
requereixen de lautorització escrita prèvia per part del
prestador. Qualsevol ús no autoritzat prèviament per part del prestador
serà considerat un incompliment greu dels drets de propietat
intel·lectual o industrial de lautor.
</p>
<p>
Els dissenys, logotips, textos i/o gràfics aliens al prestador i que
puguin aparèixer en el lloc web, pertanyen als seus respectius
propietaris, sent ells mateixos els responsables de qualsevol possible
controvèrsia que pogués esdevenir respecte a aquests. En tot cas, el
prestador compta amb lautorització expressa i prèvia per part
daquests.
</p>
<p>
El prestador reconeix a favor dels seus titulars els corresponents drets
de propietat industrial i intel·lectual, no implicant lesment o
aparició en el lloc web, de lexistència de drets o cap responsabilitat
del prestador sobre aquests, com tampoc suport, patrocini o recomanació
per part daquest.
</p>
<p>
Per a realitzar qualsevol tipus dobservació respecte a possibles
incompliments dels drets de propietat intel·lectual o industrial, així
com sobre qualsevol dels continguts del lloc web, pot ferlo a través del
correu electrònic a dalt ressenyat.
</p>
<h3 id="llei-aplicable-i-jurisdiccio">Llei aplicable i jurisdicció</h3>
<p>
Per a la resolució de les controvèrsies o qüestions relacionades amb el
present lloc web o de les activitats en aquest desenvolupades, serà
aplicable la legislació espanyola, a la qual se sotmeten expressament
les parts, sent competents per la resolució de tots els conflictes
derivats o relacionats amb el seu ús els Jutjats i Tribunals dOlot.
</p>
</main>
<footer>
<p>Ho hem fet tan bé com hem sabut lOriol Carbonell i en Jordi Fita de <a href="https://tandem.blog">Tàndem</a>.</p>
<ul>
<li><a href="legal.html" rel="terms-of-service">Avís legal</a></li>
<li><a href="privacy.html" rel="privacy-policy">Política de privacitat</a></li>
<li><a href="cookies.html">Política de galetes</a></li>
</ul>
</footer>
</body>
</html>

381
privacy.html Normal file
View File

@ -0,0 +1,381 @@
<!doctype html>
<html lang="ca">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Política de privacitat — Numerus</title>
<link rel="preload" href="JetBrainsMono-Bold.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="JetBrainsMono-BoldItalic.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="JetBrainsMono-Italic.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="JetBrainsMono-Regular.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" media="screen" href="screen.css?v=2025011500">
</head>
<body>
<header>
<h1><a href="index.html"><span class="caps">N</span>umerus</a></h1>
<nav>
<ul>
<li><a href="https://apli.numerus.cat/">Entrada</a></li>
<li><a href="https://demo.numerus.cat/">Demo</a></li>
<li><a href="https://dev.tandem.ws/tandem/numerus">Codi</a></li>
</ul>
</nav>
</header>
<main class="legal">
<h2>Política de privacitat</h2>
<h3 id="responsable-tractament">Responsable del tractament</h3>
<address>Identitat: ORIOL CARBONELL PUJOLÀS (també el prestador)<br>
<abbr>DNI</abbr>: 40358143C<br>
Adreça postal: Carrer de les Estires, 5, 1r 2a 17800 Olot<br>
Correu electrònic: <a href="mailto:hola@tandem.blog">hola@tandem.blog</a></address>
<p>
ORIOL CARBONELL PUJOLÀS, com a responsable del Lloc web, de conformitat
amb el que disposa el Reglament (<abbr>UE</abbr>) 2016/679 de 27
dabril de 2016 (<abbr>RGPD</abbr>) relatiu a la protecció de les
persones físiques quant al tractament de dades personals i a la lliure
circulació daquestes dades i altra normativa vigent en matèria de
protecció de dades personals, i per la Llei 34/2002, d11 de juliol, de
Serveis de la Societat de la Informació i del Comerç Electrònic
(<abbr>LSSICE</abbr>), linforma que té implementades les mesures de
seguretat necessàries, díndole tècnica i organitzatives, per a
garantir i protegir la confidencialitat, integritat i disponibilitat de
les dades introduïdes.
</p>
<h3 id="finalitat-tractament">Finalitat del tractament</h3>
<p>
Les seves dades personals només sutilitzaran per a les següents
finalitats:
</p>
<ul>
<li>
Realitzar les gestions comercials i administratives necessàries amb
els usuaris del web;
</li>
<li>
remetre les comunicacions comercials publicitàries per email,
fax, <abbr>SMS</abbr>, <abbr>MMS</abbr>, comunitats socials o
qualsevol un altre mitjà electrònic o físic, en cas que lUsuari hagi
consentit expressament a lenviament de comunicacions comercials per
via electrònica mitjançant la subscripció al butlletí;
</li>
<li>
respondre a les consultes i/o proporcionar informacions requerides
per lUsuari;
</li>
<li>
realitzar les prestacions de serveis i/o productes contractats o
subscrits per lUsuari;
</li>
<li>
utilitzar les seves dades per a contactar-li, tant per via
electrònica com no electrònica, per a obtenir la seva opinió sobre el
servei prestat;
</li>
<li>
i notificar-li canvis i desenvolupaments imminents
de <a href="privacy.html">la política de
privacitat</a>, <a href="legal.html">avís legal</a>
o <a href="cookies.html">política de galetes</a>.
</li>
</ul>
<p>
Pot revocar en qualsevol moment el seu consentiment remetent un escrit
amb lassumpte «Baixa»
a <a href="mailto:hola@tandem.blog">hola@tandem.blog</a>.
</p>
<p>
Dacord amb la <abbr>LSSICE</abbr>, ORIOL CARBONELL PUJOLÀS no realitza
pràctiques de <i lang="en">spam</i>, per tant, no envia correus
comercials per email que no hagin estat prèviament sol·licitats o
autoritzats per lUsuari. En conseqüència, en totes les comunicacions
que rebrà del prestador, lusuari té la possibilitat de cancel·lar el
seu consentiment exprés per a rebre les nostres comunicacions.
</p>
<p>
No tractarem les seves dades personals per a cap altra finalitat de les
descrites excepte per obligació legal o requeriment judicial.
</p>
<p>
Les seves dades es conservaran mentre duri la relació comercial amb
nosaltres o exerciti el seu dret de cancel·lació o oposició, o
limitació al tractament. No obstant això, conservarem determinades
dades personals identificatius i del trànsit durant el termini màxim de
2 anys per al cas que fos requerit pels Jutges i Tribunals o per a
incoar accions internes derivades de lús indegut de la pàgina web.
</p>
<p>
No serà objecte de decisions basades en tractaments automatitzats que
produeixin efectes sobre les seves dades.
</p>
<h3 id="legitimacio-tractament">Legitimació del tractament</h3>
<p>
La base legal per al tractament de les dades és el seu consentiment
atorgat per a dur a terme les finalitats anteriorment descrites, que se
sol·licitarà en el moment de marcat de la casella corresponent a lhora
de recollir les seves dades.
</p>
<p>
El no facilitar les dades personals sol·licitades o el no acceptar la
present política de protecció de dades suposa la impossibilitat de
subscriures, registrar-se o rebre informació dels productes i serveis
del Prestador.
</p>
<h3 id="destinataris-cessions-o-transferencies">Destinataris de cessions o transferències</h3>
<p>
ORIOL CARBONELL PUJOLÀS no duu a terme cap cessió o comunicació de
dades ni dins ni fora de la UE. El prestador únicament facilitarà
informació a les forces i cossos de seguretat sota ordre judicial o per
obligació duna norma legal, sense perjudici de poder bloquejar o
cancel·lar el seu compte si pot haver-hi indicis de la comissió dalgun
delicte per part de lusuari. La informació facilitada serà solament la
que disposi en aquest moment el prestador.
</p>
<p>
La informació que vostè ens proporcioni tant a través daquest lloc web
com a través de laplicació serà allotjada en els servidors de ORIOL
CARBONELL PUJOLÀS. El tractament de les dades daquesta entitat es
troba regulat mitjançant un contracte dencarregat del tractament entre
el prestador i aquesta empresa. En cap cas aquest encarregat del
tractament subcontractarà serveis que comportin algun tractament de
dades per tercers sense el nostre previ consentiment.
</p>
<h3 id="dreta-persones-interessades">Drets de les persones interessades</h3>
<p>
Com a usuari-interessat, pot sol·licitar lexercici dels següents drets
davant ORIOL CARBONELL PUJOLÀS presentant un escrit a ladreça postal
de lencapçalament o enviant un correu electrònic
a <a href="mailto:hola@tandem.blog">hola@tandem.blog</a>, indicant com
a Assumpte: «LOPD, Drets ARC», i adjuntant fotocòpia del
seu <abbr>DNI</abbr> o qualsevol mitjà anàleg en dret, tal com indica
la llei.
</p>
<p>
Drets:
</p>
<dl>
<dt>Dret daccés</dt>
<dd>
permet a linteressat conèixer i obtenir informació sobre les seves
dades de caràcter personal sotmeses a tractament.
</dd>
<dt>Dret de rectificació o supressió</dt>
<dd>
permet corregir errors i modificar les dades que resultin ser
inexactes o incomplets.
</dd>
<dt>Dret de cancel·lació</dt>
<dd>
permet que se suprimeixin les dades que resultin ser inadequades o
excessives.
</dd>
<dt>Dret doposició</dt>
<dd>
dret de linteressat al fet que no es dugui a terme el tractament de les seves dades de caràcter personal o se cessi en aquest.
</dd>
<dt>Limitació del tractament</dt>
<dd>
comporta el marcat de les dades personals conservades, amb la
finalitat de limitar el seu futur tractament.
</dd>
<dt>Portabilitat de les dades</dt>
<dd>
facilitació de les dades objecte de tractament a linteressat, a fi
que aquest pugui transmetre-les a un altre responsable, sense
impediments.
</dd>
<dt>Dret a no ser objecte de decisions individuals automatitzades (inclosa lelaboració de perfils)</dt>
<dd>
dret a no ser objecte duna decisió basada en el tractament
automatitzat que produeixi efectes o afecti significativament.
</dd>
</dl>
<p>
Com a usuari, té dret a retirar el consentiment prestat en qualsevol
moment. La retirada del consentiment no afectarà la licitud del
tractament efectuat abans de la retirada del consentiment.
</p>
<p>
També té dret a presentar una reclamació
davant <a href="https://www.aepd.es/">lautoritat de control
(aepd.es)</a> si considera que poden haver-se vist vulnerats els seus
drets en relació amb la protecció de les seves dades.
</p>
<h3 id="informacio-addicional">Informació addicional</h3>
<p>
Informació que recaptem: Obtenim mitjançant formulari de registre la
informació mínima i indispensable. En aquest formulari vostè facilitarà
les següents dades de forma indispensable: correu electrònic, nom i
cognoms, <abbr>NIF</abbr>, adreça i telèfon de contacte.
</p>
<p>
A través daquesta Política de Privacitat linformem que les
fotografies que estiguin penjades en la web són propietat de ORIOL
CARBONELL PUJOLÀS, incloent les dels menors, en les quals, per a
lobtenció daquestes, sha obtingut el consentiment previ dels pares,
tutors o representants legals mitjançant la signatura dels formularis
realitzats a aquest efecte pels centres en els quals els menors formen
part. No obstant això, els pares, tutors o representants dels menors,
com a titulars de lexercici dels drets daquests, i sempre previ
requeriment formal per escrit, poden indicar la negativa a lús de la
imatge del menor; en aquest cas, la imatge es mostrarà pixelada.
</p>
<h3 id="xarxes-socials">Xarxes socials</h3>
<p>
Linformem que ORIOL CARBONELL PUJOLÀS pot tenir presència en xarxes
socials. El tractament de les dades que es dugui a terme de les
persones que es facin seguidores en les xarxes socials (i/o realitzin
qualsevol vincle o acció de connexió a través de les xarxes socials) de
les pàgines oficials de ORIOL CARBONELL PUJOLÀS es regirà per aquest
apartat, així com per aquelles condicions dús, polítiques de
privacitat i normatives daccés que pertanyin a la xarxa social que
procedeixi en cada cas i acceptades prèviament per lusuari.
</p>
<p>
ORIOL CARBONELL PUJOLÀS tractarà les seves dades amb les finalitats
dadministrar correctament la seva presència en la xarxa social,
informant-lo dactivitats, productes o serveis del prestador, així com
per a qualsevol altra finalitat que les normatives de les Xarxes
Socials permetin.
</p>
<p>
Queda prohibida la publicació de continguts:
</p>
<ul>
<li>
Que siguin presumptament il·lícits per la normativa nacional,
comunitària o internacional o que realitzin activitats presumptament
il·lícites o contravinguin els principis de la bona fe.
</li>
<li>
Que atemptin contra els drets fonamentals de les persones, faltin a
la cortesia en la xarxa, molestin o puguin generar opinions negatives
en els nostres usuaris o tercers i en general qualssevol siguin els
continguts que ORIOL CARBONELL PUJOLÀS consideri inapropiats.
</li>
<li>
I en general que contravinguin els principis de legalitat, honradesa,
responsabilitat, protecció de la dignitat humana, protecció de
menors, protecció de lordre públic, la protecció de la vida privada,
la protecció del consumidor i els drets de propietat intel·lectual i
industrial.
</li>
</ul>
<p>
Així mateix, ORIOL CARBONELL PUJOLÀS es reserva la potestat de retirar,
sense previ avís del lloc web o de la xarxa social corporativa aquells
continguts que es considerin inapropiats.
</p>
<p>
Les comunicacions remeses a través de les xarxes socials seran
incorporades a un arxiu propietat de ORIOL CARBONELL PUJOLÀS, podent-li
enviar informació del seu interès.
</p>
<p>
En tot cas, si Vostè remet informació personal a través de la xarxa
social, ORIOL CARBONELL PUJOLÀS quedarà exempt de responsabilitat en
relació amb les mesures de seguretat aplicables a la present
plataforma, devent lusuari en cas de voler conèixer-les, consultar les
corresponents condicions particulars de la xarxa en qüestió.
</p>
<h3 id="mesures-seguretat">Mesures de seguretat</h3>
<p>
Les dades que ens faciliti es tractaran de forma confidencial. El
Prestador ha adoptat totes les mesures tècniques i organitzatives i
tots els nivells de protecció necessaris per a garantir la seguretat en
el tractament de les dades i evitar la seva alteració, pèrdua,
robatori, tractament o accés no autoritzat, dacord lestat de la
tecnologia i naturalesa de les dades emmagatzemades.
</p>
<p>
Així mateix, es garanteix també que el tractament i registre en
fitxers, programes, sistemes o equips, locals i centres compleixen amb
els requisits i condicions dintegritat i seguretat establertes en la
normativa vigent.
</p>
<h3 id="idioma">Idioma</h3>
<p>
Lidioma aplicable a aquesta Política de Privacitat és el català. Per
tant, en cas que hi hagués alguna contradicció en alguna de les
versions facilitades en altres idiomes, prevaldrà la versió en català.
</p>
<h3 id="canvis-present-politica-privacitat">Canvis en la present política de privacitat</h3>
<p>
ORIOL CARBONELL PUJOLÀS es reserva el dret a modificar la present
política per a adaptarla a novetats legislatives o jurisprudencials.
</p>
<h3 id="legislacio">Legislació</h3>
<p>
Amb caràcter general les relacions entre ORIOL CARBONELL PUJOLÀS amb
els Usuaris dels seus serveis telemàtics, presents en aquest Web, estan
sotmesos a la legislació i jurisdicció espanyola a la qual se sotmeten
expressament les parts, sent competents per la resolució de tots els
conflictes derivats o relacionats amb el seu ús els Jutjats i Tribunals
de Olot.
</p>
</main>
<footer>
<p>Ho hem fet tan bé com hem sabut lOriol Carbonell i en Jordi Fita de <a href="https://tandem.blog">Tàndem</a>.</p>
<ul>
<li><a href="legal.html" rel="terms-of-service">Avís legal</a></li>
<li><a href="privacy.html" rel="privacy-policy">Política de privacitat</a></li>
<li><a href="cookies.html">Política de galetes</a></li>
</ul>
</footer>
</body>
</html>

428
screen.css Normal file
View File

@ -0,0 +1,428 @@
/**
* SPDX-FileCopyrightText: 2023 jordi fita mas <jordi@tandem.blog>
* SPDX-FileCopyrightText: 2023 Oriol Carbonell <info@oriolcarbonell.cat>
* SPDX-License-Identifier: GPL-3.0-only
*/
@font-face {
font-family: 'JetBrains Mono';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local('JetBrains Mono'), url('JetBrainsMono-Italic.woff2') format('woff2');
}
@font-face {
font-family: 'JetBrains Mono';
font-style: italic;
font-weight: 700;
font-display: swap;
src: local('JetBrains Mono Bold'), url('JetBrainsMono-BoldItalic.woff2') format('woff2');
}
@font-face {
font-family: 'JetBrains Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('JetBrains Mono'), url('JetBrainsMono-Regular.woff2') format('woff2');
}
@font-face {
font-family: 'JetBrains Mono';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('JetBrains Mono Bold'), url('JetBrainsMono-Bold.woff2') format('woff2');
}
html {
--text-color: #3f3b37;
--background-color: #ede9e5;
}
body {
font-family: 'JetBrains Mono', monospace;
font-size: 1rem;
line-height: 1.5;
background-color: var(--background-color);
margin: 1.875rem;
}
body, nav ul:hover a:hover {
color: var(--text-color);
}
p, h1, h2, h3, h4 {
overflow-wrap: break-word;
}
h1 {
margin: 0 0 1.875rem;
font-weight: normal;
display: block;
font-size: 3.713rem;
line-height: .6;
letter-spacing: 0.1ex;
}
h1 a {
display: inline-block;
}
header, footer {
display: flex;
justify-content: space-between;
}
header {
align-items: start;
border-bottom: 1px solid var(--text-color);
padding: 0 1.875rem;
}
:is(nav, footer) ul, footer p {
margin: 0;
}
:is(nav, footer) ul, #caracteristiques ul {
list-style: none;
padding: 0;
}
:is(nav, footer) ul {
text-transform: uppercase;
display: flex;
gap: 3.125em;
}
:is(nav, footer, h1) a {
color: inherit;
text-decoration: none;
}
nav a {
padding: 0 1.875rem;
transition: color .25s ease;
}
nav ul:hover a {
color: #ccc;
}
#futur, footer {
font-size: .83333rem;
}
footer {
align-items: end;
border-top: 1px solid var(--text-color);
padding-top: 3.125rem;
}
footer p a {
display: inline-block;
text-indent: -9999px;
width: 6.25rem;
height: 2.125rem;
vertical-align: bottom;
background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 519 180" fill="%23282828"%3E%3Cpath d="M317,76.1h190.1l2.4-11.5l-189.2-0.3C318.2,71.6,319.3,68.4,317,76.1z"/%3E%3Cpath d="M474.3,149.4c-1.9,0-2.4-1.7-2.4-3.6c0-8.3,7.9-32.3,11.3-48.8l-18.6-10.9L424,137c0,0,13.5-38.7,14.5-41.1 l-17.1-10.3l-41,51.5c0,0,13.7-38.7,14.7-41.1l-17.3-10.3c0,0-3.1,12.6-6.7,27.5l0,0c-6.4,12.4-19.2,35.9-33.6,35.9 c-7.3,0-11.6-5.4-12.8-11.8c17.3-0.8,37.2-22.5,37.2-36.6c0-9.4-7.9-15.4-16.3-15.4c-22.3,0-36.1,26.2-37.5,46.3 c-5.8,10.6-11.5,18.7-15.1,18.7c-2.1,0-2.4-1.9-2.4-3.8c0-1.5,0.2-3.2,0.4-3.9c0-5.6,25.5-105.8,28.7-120.2l-16.5-9.8 c0,0-10.1,45.7-18.4,85.5c-1.3-9-8.5-15-17.1-15c-21.5,0-35.6,22.6-39.3,42.8c-6.6,12.9-13.5,23.9-17.7,23.9 c-2.1,0-2.4-1.9-2.4-3.8c0-8.3,7.7-31.9,11.3-48.8l-18.8-11.5l-41,51.1c0,0,13.7-38.9,14.7-41.3l-17.3-10.3c0,0-4.1,16.8-8.3,34.3 c-7.4,15.2-15.9,29.9-20.6,29.9c-2.1,0-2.4-1.7-2.4-3.6c0-7.9,8.5-35.1,12-51.3l-15.8-9.2c0,0-1.1,4.5-3,11.3 c-3.2-6.6-8.8-10-15.8-10c-19.3,0-34,21.3-36.7,42.1c-6.2,11.8-12.6,21.6-16.5,21.6c-1.9,0-2.3-1.7-2.3-3.4s0.4-3.4,0.4-3.9 c0.6-3.4,8.3-41.9,14.1-66.9h215.9c2.1-7.6,1.1-4.9,3.1-11.8L65.5,64.7c1.5-8.1,2.6-13,3.4-15.6l-15.2-9c0,0-2.4,9.2-5.6,22.4 l-34.8-1.1l-3.8,16h35.3c-6.6,26.1-13.9,66-13.9,75.2c2.1,9.6,10.7,12.8,16.7,12.8c5.6,0,12.6-8.6,19.5-20.1c0,0.1,0,0,0.1-0.2 c2.5,10,9,19.6,19.3,19.6c8.6,0,16-6.4,22-15c-0.2,0.9-0.2,1.7-0.2,2.4c2.3,9.4,11.1,13,17.3,13c4.6,0,10.3-6,16.1-14.5 c-0.2,0.9-0.3,1.6-0.3,2.5c0,3,1.5,5.3,3.9,7c3.9,3,9.2,4.9,11.6,5.1c1.1-0.2,41-58.8,41-58.8c-1.5,7.1-6.6,28.6-7.7,45.8 c2.3,9.6,11.3,13.1,17.7,13.1c5.7,0,13.1-9,20.3-20.8c2.5,11.7,10,22.9,22.2,22.9c9.8,0,17.8-8.1,24.4-18.4l-0.8,4.9 c2.3,10,9.4,12.4,16.2,12.4c5.5,0,12.6-8.3,19.7-19.4c3.4,10.1,11.3,17.9,22.4,17.9c13.4,0,23.7-9.9,31.7-21.6 c-0.6,2.6-1.1,5-1.6,7.2c-0.2,1.1-0.4,1.9-0.4,2.8c0,7.1,9.8,11.6,15.6,12.2c0.8-0.2,27.8-39.5,37.4-53.5 c-9.4,39.5-9.6,40.6-9.6,41.3c0,7.1,10,11.6,15.6,12.2c1.1-0.2,41-58.6,41-58.6c-1.5,7-6.6,28.4-7.7,45.7 c2.1,9.6,11.1,13.2,17.7,13.2c9.8,0,24.6-27.1,34.9-49L499,112C490.7,129.3,480.2,149.4,474.3,149.4z M91.5,148.2 c-5.4,0-10-5.6-10-13.7c0-10.7,9.2-39.3,21.4-39.3c7.9,0,9.6,8.5,9.6,15.8c0,5.6-0.9,10.5-0.9,10.5l1.3,1.3 C110.2,131.3,101.4,148.2,91.5,148.2z M254.1,149.1c-5.6,0-10.3-6-10.3-14.5c0-10.9,10.1-42.3,22.4-42.3c5.3,0,7,2.8,7,6.6 c0,6.2-4.7,14.7-4.7,14.7l9.8,4.7C273.7,128.6,264.9,149.1,254.1,149.1z M345.3,96.9c2.6,0,3.8,1.9,3.8,4.9 c-1.5,11.8-13.9,25.2-25,28C325,118.9,332.7,96.9,345.3,96.9z"/%3E%3C/svg%3E') center/contain no-repeat;
}
.legal h2 {
counter-reset: section;
}
.legal h3 {
counter-reset: subsection;
text-transform: uppercase;
}
.legal h3::before {
counter-increment: section;
content: counter(section) ". ";
}
.legal h4::before {
counter-increment: subsection;
content: counter(section) "." counter(subsection) ". ";
}
table {
width: 100%;
}
.caps {
font-variant: small-caps;
text-transform: lowercase;
}
.description, .open, #preu, .mondrian {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 0;
}
.description, .open {
grid-template-rows: repeat(4, 1fr);
}
.description {
margin: 3.125rem 0;
}
.description > :first-child {
grid-area: 1 / 1 / 4 / 3;
}
.description > :nth-child(2) {
grid-area: 2 / 4 / 4 / 6;
}
.description > :last-child {
grid-area: 4 / 4 / 5 / 6;
}
.open, #preu {
border-top: 1px solid var(--text-color);
}
.open::before, .open::after {
content: '';
background: white;
display: block;
}
.open::before {
grid-area: 1 / 1 / 2 / 2;
}
.open > :first-child {
grid-area: 2 / 4 / 4 / 6;
}
.open > :last-child {
grid-area: 3 / 2 / 4 / 3;
}
.open::after {
grid-area: 4 / 5 / 5 / 6;
}
.open > a {
text-decoration: none;
padding: .625rem;
margin: 3.125rem 0;
background: #ffd200;
display: flex;
justify-content: center;
width: 100%;
font-size: calc(1rem + 1vw);
text-transform: uppercase;
color: inherit;
gap: 1.5625rem;
align-self: center;
box-sizing: border-box;
}
.open > a::after {
content: '';
display: inline-block;
width: 1.875rem;
background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%233f3b37"%3E%3Cpath d="M3 19H21V21H3V19ZM13 13.1716L19.0711 7.1005L20.4853 8.51472L12 17L3.51472 8.51472L4.92893 7.1005L11 13.1716V2H13V13.1716Z"/%3E%3C/svg%3E') center/contain no-repeat;
}
#preu {
grid-template-rows: repeat(3, 1fr);
padding: 3.125rem 0;
}
#preu strong {
font-size: 2.5rem;
}
#preu .cta {
font-size: 1.5rem;
font-weight: bold;
}
#preu > :nth-child(2) {
grid-area: 1 / 1 / 3 / 3;
}
#preu > :last-child {
grid-area: 2 / 4 / 4 / 6;
}
.mondrian {
grid-auto-rows: 1fr;
position: relative;
}
.mondrian::before, .mondrian::after {
content: '';
background-color: white;
}
.mondrian::before {
grid-area: 3 / 1 / 4 / 3;
}
.mondrian::after {
grid-area: 2 / 6 / 3 / 7;
}
.mondrian > div:nth-child(2)::before,
.mondrian > div:nth-child(2)::after,
.mondrian > div:nth-child(3)::before,
.mondrian > div:last-child::before {
content: '';
position: absolute;
left: 0;
right: 0;
border-bottom: 1px solid var(--text-color);
}
.mondrian span {
display: flex;
align-items: center;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 0 .625rem;
}
.mondrian > :first-child, .mondrian > :nth-child(2) {
font-size: calc(1rem + 5vw);
}
.mondrian > :first-child {
grid-area: 1 / 5 / 2 / 7;
background-color: #ffd200;
}
.mondrian > :nth-child(2) {
grid-area: 2 / 2 / 3 / 4;
background-color: #5ae487;
}
.mondrian > :nth-child(3) {
grid-area: 4 / 2 / 6 / 4;
font-size: calc(1rem + .7vw);
background-color: var(--text-color);
color: white;
}
.mondrian > :last-child {
grid-area: 5 / 4 / 6 / 6;
display: grid;
grid-template-columns: 1fr 1fr;
}
.mondrian > :last-child span {
grid-column: 2;
font-size: calc(1rem + .2vw);
background-color: #ff7a53;
}
.mondrian > :last-child::after {
content: '';
display: flex;
grid-area: 1 / 1;
background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%233f3b37"%3E%3Cpath d="M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z"%3E%3C/path%3E%3C/svg%3E') center no-repeat;
}
@media (max-width: 43.75em) {
.description, .open, #preu, header, footer, .mondrian, .mondrian > :last-child {
display: flex;
flex-direction: column;
}
nav, ul {
width: 100%;
}
nav ul {
justify-content: space-between;
}
nav a {
padding: 0;
}
footer {
gap: 2em;
}
.mondrian span {
padding: 1rem;
}
.mondrian > :last-child::after {
display: none;
}
}
#caracteristiques h2, #llicencia h2, #preu h2 {
position: absolute;
left: -9999px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
li[class*="icon_"]::before, #llicencia::before {
content: '';
display: inline-block;
width: 1.5rem;
height: 1.5rem;
background: center/contain no-repeat;
vertical-align: middle;
}
#llicencia::before {
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%233f3b37"%3E%3Cpath 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"/%3E%3C/svg%3E');
}
li[class*="icon_"]::before {
margin-right: 1.14ex;
padding: .3125rem 0;
}
li[class*="icon_admin"]::before {
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"%3E!%3Cpath 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"/%3E%3C/svg%3E');
}
li[class*="icon_user"]::before {
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"%3E%3Cpath 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"/%3E%3C/svg%3E');
}
li[class*="icon_accountant"]::before {
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"%3E%3Cpath 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"/%3E%3C/svg%3E');
}
li[class*="icon_taxes"]::before {
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%233f3b37"%3E%3Cpath 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"/%3E%3C/svg%3E');
}
li[class*="icon_chart"]::before {
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%233f3b37"%3E%3Cpath 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"/%3E%3C/svg%3E');
}
li[class*="icon_tag"]::before {
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%233f3b37"%3E%3Cpath 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"/%3E%3C/svg%3E');
}
li[class*="icon_filter"]::before {
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%233f3b37"%3E%3Cpath d="M21 4V6H20L15 13.5V22H9V13.5L4 6H3V4H21ZM6.4037 6L11 12.8944V20H13V12.8944L17.5963 6H6.4037Z"/%3E%3C/svg%3E');
}
li[class*="icon_language"]::before {
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%233f3b37"%3E%3Cpath 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"/%3E%3C/svg%3E');
}
li[class*="icon_product"]::before {
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%233f3b37"%3E%3Cpath 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"/%3E%3C/svg%3E');
}