commit 7d7eed43a112160563fe0a9997876a5c6ecc388b Author: jordi fita mas Date: Thu Jan 16 17:45:48 2025 +0100 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. diff --git a/JetBrainsMono-Bold.woff2 b/JetBrainsMono-Bold.woff2 new file mode 100644 index 0000000..4917f43 Binary files /dev/null and b/JetBrainsMono-Bold.woff2 differ diff --git a/JetBrainsMono-BoldItalic.woff2 b/JetBrainsMono-BoldItalic.woff2 new file mode 100644 index 0000000..536d3f7 Binary files /dev/null and b/JetBrainsMono-BoldItalic.woff2 differ diff --git a/JetBrainsMono-Italic.woff2 b/JetBrainsMono-Italic.woff2 new file mode 100644 index 0000000..d60c270 Binary files /dev/null and b/JetBrainsMono-Italic.woff2 differ diff --git a/JetBrainsMono-Regular.woff2 b/JetBrainsMono-Regular.woff2 new file mode 100644 index 0000000..40da427 Binary files /dev/null and b/JetBrainsMono-Regular.woff2 differ diff --git a/cookies.html b/cookies.html new file mode 100644 index 0000000..4ad4b02 --- /dev/null +++ b/cookies.html @@ -0,0 +1,257 @@ + + + + + + Política de galetes — Numerus + + + + + + + +
+

Numerus

+ +
+ +
+

Política de galetes

+ +

Antecedents

+ +

+ 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ç, l’informem + sobre les galetes utilitzades en el lloc web de ORIOL CARBONELL PUJOLÀS + (també el prestador) i el motiu del seu ús. Així mateix, l’informa que + en navegar en el Lloc web vostè està prestant el seu consentiment per a + poder utilitzar-les. +

+ +

Què són les galetes?

+ +

+ 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ó + d’un 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 l’usuari. Les galetes s’associen ú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. +

+ +

Galetes afectades per la normativa i galetes exemptes

+ +

+ Segons la directiva de la UE, les galetes que requereixen + el consentiment informat per part de l’usuari són les galetes + d’analí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 l’usuari. +

+ +

Tipus de galetes

+ +
    +
  1. + Segons l’entitat que les gestioni, hi han galetes pròpies, aquelles + que s’envien a l’equip terminal de l’usuari des d’un equip o domini + gestionat pel propi editor i des del qual es presta el servei + Sol·licitat per l’usuari; i de tercers, les que s’envien a l’equip + terminal de l’usuari des d’un equip o domini que no és gestionat per + l’editor, sinó per una altra entitat que tracta les dades obtingudes + través de les galetes. +
  2. +
  3. + Segons el temps que romanen actives, existeixen les de sessió, + dissenyades per a recaptar i emmagatzemar dades mentre l’usuari + accedeix a una pàgina web; i les persistents, en les quals les dades + s’emmagatzemen en el terminal i poden ser accedits i tractats durant + un període definit pel responsable de la galeta que pot anar d’uns + minuts a diversos anys. +
  4. +
  5. + Segons la finalitat per a la qual tractin la informació que recopilen, + poden ser: +
    +
    Galetes tècniques
    +
    + necessàries per a l’ús de la web i la prestació del servei + contractat. +
    +
    Galetes de personalització
    +
    + que permeten a l’usuari accedir al servei amb característiques + predefinides, com per exemple l’idioma, tipus de navegador, + configuració regional, etc. +
    +
    Galetes d’anàlisis
    +
    + recullen informació l’ús que es realitza de la web. +
    +
    Galetes publicitàries
    +
    + recullen informació sobre les preferències i eleccions + personals dels usuaris. +
    +
    Galetes d’afiliats
    +
    + permeten realitzar un seguiment de les visites procedents d’altres + webs, amb les quals el lloc web estableix un contracte + d’afiliació. +
    +
    +
  6. +
+ + +

Tipus de galetes utilitzades per aquest lloc web

+ + + + + + + + + + + + + + + + + + + + +
NomTipusCaducitatFinalitatClasse
numerus-sessionPròpiaPeristentIdentificar l’entrada de l’Usuari a la seves dadesTècnica
+ + +

Revocació

+ +

+ 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: +

+ +
+
Google Chrome
+
ConfiguracióMostrar opcions avançades → + Privacitat (Configuració de contingut)Cookies +
+
https://support.google.com/chrome/answer/95647?co=genie.platform%3DDesktop&hl=ca +
+ +
Microsoft Internet Explorer
+
Opcions d’InternetPrivacitat → + Avançada
+
https://support.microsoft.com/ca-es/help/17442/windows-internet-explorer-delete-managecookies +
+ +
Firefox
+
OpcionsPrivacitatCookies
+
https://support.mozilla.org/ca/products/firefox/protect-your-privacy/cookies +
+ +
Safari, iPad i iPhone
+
PreferènciesPrivacitat
+
https://support.apple.com/ca-es/105082
+ +
Opera
+
ConfiguracióOpcions → + AvançatCookies
+
https://help.opera.com/en/latest/web-preferences/#cookies +
+
+ +

+ Aquests navegadors estan sotmesos a actualitzacions o modificacions, per la qual cosa no podem garantir que + s’ajustin 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. +

+ +

+ 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 l’ajuda del seu + navegador per a més informació. +

+ + +

Desactivació/activació i eliminació de galetes

+ +

+ Per a restringir o bloquejar les galetes, es fa a través de la + configuració del navegador. +

+ +

+ 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. D’igual 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 l’equip. Tingui en compte que haurà + d’adaptar per separat la configuració de cada navegador i equip que + utilitzi. +

+ +

+ 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. +

+ +

+ Cada navegador posseeix un mètode diferent per a adaptar la + configuració. Si fos necessari, consulti la funció d’ajuda 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ó. +

+ +

+ Pot obtenir més informació sobre les galetes d’Internet + a https://www.aboutcookies.org/. +

+ +

+ 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ò s’aplica 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 + s’emmagatzemen en una altra part, però es mostren en el nostre lloc web + o a través d’aquest. 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é posi’s 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. +

+
+ + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..aa413ff --- /dev/null +++ b/index.html @@ -0,0 +1,166 @@ + + + + + + Numerus + + + + + + + +
+

Numerus

+ +
+ + + +
+
+
+

+ Si estàs en règim d’autònom/a ja saps el que costa portar al dia la + facturació. +

+ +

+ Tips de provar diferents aplicacions i que cap s’ajustés a les nostres + necessitats, vam decidir fer la nostra pròpia + eina: Numerus. +

+ +

+ La hem estat provant un temps i creiem que és hora de compartir-la. +

+ +

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

+
+ +
+

característiqes

+
    +
  • usuari/a administrador/a
  • +
  • usuari/a gestor/a
  • +
  • usuari/a comptable
  • +
  • creació de tipus d’impostos
  • +
  • gràfiques de progrés i comparació
  • +
  • etiquetes per classificar
  • +
  • filtres avançats
  • +
  • idiomes: cat esp eng
  • +
  • creació de productes/serveis com a base
  • +
+
+ +
+

estem treballant amb:

+
    +
  • control d’estoc
  • +
  • tiquets (factura simplificada)
  • +
  • alta usuaris/es i cobrament recurrent
  • +
+
+
+ +
+
+

llicència

+

+ Numerus és programari lliure distribuït + sota La + Llicència Pública General Affero (AGPL), això vol dir + que te’l pots descarregar, instal·lar-te’l al teu + servidor(*), modificar-lo i + compartir el que has + fet(**). +

+
*_ servidor mínim: 1 GB RAM, + 1/2 vCore, 5 GB SSD NVMe. +
+
**_ sempre que respectis els mateixos valors i ho comparteixis + sota la mateixa llicència. +
+
+ + Descarrega +
+ +
+

preu

+
+

+ Si prefereixes no haver d’instal·lar Numerus a + un servidor, pots registrar-te al nostre. +

+ +

+ Obtindràs un accés privat i encriptat al teu tauler on gestionar tota + l’aplicació. +

+ +

+ Nosaltres et cobrarem el que costa un servidor dedicat a clouding.io per + allotjar Numerus + la gestió i manteniment de + l’aplicació + impostos. +

+ +

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

+
+ +
+
+ 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 el teu perfil. +

+
+
+
+ + + + diff --git a/legal.html b/legal.html new file mode 100644 index 0000000..b4127a3 --- /dev/null +++ b/legal.html @@ -0,0 +1,334 @@ + + + + + + Avís legal — Numerus + + + + + + + +
+

Numerus

+ +
+ +
+ + +

+ Amb la finalitat de donar compliment a l’article 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: +

+ +
Denominació Social: ORIOL CARBONELL PUJOLÀS
+ Domicili: Carrer de les Estires nº 5, 1r 2a, 17800 Olot
+ DNI: 40358143C
+ Telèfon: +34 659 767 669
+ Correu electrònic: hola@tandem.blog
+ Lloc web: numerus.cat
+ + +

Objecte

+ +

+ ORIOL CARBONELL PUJOLÀS (d’ara 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 + numerus.cat, 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 + (LSSICE o LSSI), així com informar a tots els + usuaris del lloc web respecte de quines són les condicions d’ús del lloc + web. +

+ +

+ A través del Web, ORIOL CARBONELL PUJOLÀS facilita als usuaris l’accés i + utilització de diferents serveis i continguts posats a disposició a + través del web. +

+ +

+ Tota persona que accedeixi a aquest web assumeix el paper d’usuari + (d’ara endavant l’usuari), i implica l’acceptació 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. +

+ +

+ 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 d’informació que pogués aparèixer en la web, sense que + existeixi l’obligació de pre-avisar o posar en coneixement dels usuaris + aquestes obligacions, sent suficients la publicació en el lloc web del + prestador. +

+ + +

Condicions d’accés i ús del web

+ +

Caràcter comercial de l’accés i ús del web

+ +

+ La prestació dels serveis per part de ORIOL CARBONELL PUJOLÀS té + caràcter comercial per a tots els Usuaris. +

+ +

Subscripció d’Usuari.

+ +

+ Amb caràcter general la prestació dels Serveis exigeix la prèvia + subscripció dels Usuaris. Aquesta subscripció s’efectuarà d’acord amb la + forma expressament prevista en la pròpia secció del servei. +

+ +

Veracitat de la informació

+ +

+ Tota la informació que facilita l’Usuari ha de ser veraç. A aquest + efecte, l’Usuari garanteix l’autenticitat de les dades comunicades a + través dels formularis per a la subscripció dels Serveis. +

+ +

+ Serà responsabilitat de l’Usuari 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, l’Usuari + serà l’únic responsable de les manifestacions falses o inexactes que + realitzi i dels perjudicis que causi al prestador o a tercers. +

+ +

Menors d’edat

+ +

+ Per a l’ús dels serveis, l’Usuari ha de ser major d’edat. +

+ +

Obligació de fer un ús correcte del Web

+ +

+ L’Usuari 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, l’Usuari s’abstindrà d’utilitzar 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ó d’equips informàtics o documents, arxius + i tota classe de continguts emmagatzemats en qualsevol equip informàtic + del prestador. +

+ +

+ En particular, i a títol indicatiu, però no exhaustiu, l’Usuari 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: +

+ +
    +
  1. + sigui contrària, menyspreï o atempti contra els drets fonamentals i + les llibertats públiques reconegudes constitucionalment, en tractats + internacionals i altres normes vigents; +
  2. +
  3. + indueixi, inciti o promogui actuacions delictives, denigrants, + difamatòries, violentes o, en general, contràries a la llei, a la + moral i a l’ordre públic; +
  4. +
  5. + indueixi, inciti o promogui actuacions, actituds o pensaments + discriminatoris per raó de sexe, raça, religió, creences, edat o + condició; +
  6. +
  7. + sigui contrari al dret a l’honor, a la intimitat personal o familiar o + a la pròpia imatge de les persones; +
  8. +
  9. + de qualsevol manera perjudiqui la credibilitat del prestador o de + tercers; +
  10. +
  11. + constitueixi publicitat il·lícita, enganyosa o deslleial. +
  12. +
+ + +

Exclusió de garanties i responsabilitat

+ +

+ El prestador s’eximeix 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è. +

+ +

+ Aquest web ha estat revisat i provat perquè funcioni correctament. En + principi, es pot garantir el correcte funcionament els 365 dies de + l’any, 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 l’accé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 + l’existè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. +

+ +

+ 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. +

+ + +

Galetes

+

+ El lloc web del prestador utilitza galetes, petits arxius d’informació + que el servidor envia a l’ordinador 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 l’Usuari a les seves dades. +

+ +

+ En cap cas s’utilitzaran les cookies per a recollir informació de + caràcter personal. +

+ +

+ Per a més informació, veure la nostra Política de + Galetes. +

+ + +

Enllaços

+ +

+ 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 l’ordre 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ó. +

+ +

+ 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 LSSICE, 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 + l’ordre públic. En cas que l’usuari consideri que pot existir algun + contingut que pogués ser susceptible d’aquesta classificació, es prega + notifiqui de forma immediata a l’administrador del lloc web. +

+ + +

Protecció de dades personals

+ +

+ 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 la nostra Política de + Privacitat. +

+ + +

Propietat intel·lectual i industrial

+ +

+ 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. +

+ +

+ Independentment de la finalitat per la qual fossin destinats, la + reproducció total o parcial, ús, distribució i comunicació pública + requereixen de l’autorització 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 l’autor. +

+ +

+ 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 l’autorització expressa i prèvia per part + d’aquests. +

+ +

+ El prestador reconeix a favor dels seus titulars els corresponents drets + de propietat industrial i intel·lectual, no implicant l’esment o + aparició en el lloc web, de l’existència de drets o cap responsabilitat + del prestador sobre aquests, com tampoc suport, patrocini o recomanació + per part d’aquest. +

+ +

+ Per a realitzar qualsevol tipus d’observació 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. +

+ + +

Llei aplicable i jurisdicció

+ +

+ 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 d’Olot. +

+
+ + + + diff --git a/privacy.html b/privacy.html new file mode 100644 index 0000000..135dfe7 --- /dev/null +++ b/privacy.html @@ -0,0 +1,381 @@ + + + + + + Política de privacitat — Numerus + + + + + + + +
+

Numerus

+ +
+ +
+

Política de privacitat

+ +

Responsable del tractament

+ +
Identitat: ORIOL CARBONELL PUJOLÀS (també el prestador)
+ DNI: 40358143C
+ Adreça postal: Carrer de les Estires, 5, 1r 2a 17800 Olot
+ Correu electrònic: hola@tandem.blog
+ +

+ ORIOL CARBONELL PUJOLÀS, com a responsable del Lloc web, de conformitat + amb el que disposa el Reglament (UE) 2016/679 de 27 + d’abril de 2016 (RGPD) relatiu a la protecció de les + persones físiques quant al tractament de dades personals i a la lliure + circulació d’aquestes dades i altra normativa vigent en matèria de + protecció de dades personals, i per la Llei 34/2002, d’11 de juliol, de + Serveis de la Societat de la Informació i del Comerç Electrònic + (LSSICE), l’informa 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. +

+ + +

Finalitat del tractament

+ +

+ Les seves dades personals només s’utilitzaran per a les següents + finalitats: +

+ + + +

+ Pot revocar en qualsevol moment el seu consentiment remetent un escrit + amb l’assumpte «Baixa» + a hola@tandem.blog. +

+ +

+ D’acord amb la LSSICE, ORIOL CARBONELL PUJOLÀS no realitza + pràctiques de spam, per tant, no envia correus + comercials per email que no hagin estat prèviament sol·licitats o + autoritzats per l’Usuari. En conseqüència, en totes les comunicacions + que rebrà del prestador, l’usuari té la possibilitat de cancel·lar el + seu consentiment exprés per a rebre les nostres comunicacions. +

+ +

+ No tractarem les seves dades personals per a cap altra finalitat de les + descrites excepte per obligació legal o requeriment judicial. +

+ +

+ 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. +

+ +

+ No serà objecte de decisions basades en tractaments automatitzats que + produeixin efectes sobre les seves dades. +

+ + +

Legitimació del tractament

+ +

+ 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 l’hora + de recollir les seves dades. +

+ +

+ El no facilitar les dades personals sol·licitades o el no acceptar la + present política de protecció de dades suposa la impossibilitat de + subscriure’s, registrar-se o rebre informació dels productes i serveis + del Prestador. +

+ + +

Destinataris de cessions o transferències

+ +

+ 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ó d’una norma legal, sense perjudici de poder bloquejar o + cancel·lar el seu compte si pot haver-hi indicis de la comissió d’algun + delicte per part de l’usuari. La informació facilitada serà solament la + que disposi en aquest moment el prestador. +

+ +

+ La informació que vostè ens proporcioni tant a través d’aquest lloc web + com a través de l’aplicació serà allotjada en els servidors de ORIOL + CARBONELL PUJOLÀS. El tractament de les dades d’aquesta entitat es + troba regulat mitjançant un contracte d’encarregat 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. +

+ + +

Drets de les persones interessades

+ +

+ Com a usuari-interessat, pot sol·licitar l’exercici dels següents drets + davant ORIOL CARBONELL PUJOLÀS presentant un escrit a l’adreça postal + de l’encapçalament o enviant un correu electrònic + a hola@tandem.blog, indicant com + a Assumpte: «LOPD, Drets ARC», i adjuntant fotocòpia del + seu DNI o qualsevol mitjà anàleg en dret, tal com indica + la llei. +

+ +

+ Drets: +

+ +
+
Dret d’accés
+
+ permet a l’interessat conèixer i obtenir informació sobre les seves + dades de caràcter personal sotmeses a tractament. +
+ +
Dret de rectificació o supressió
+
+ permet corregir errors i modificar les dades que resultin ser + inexactes o incomplets. +
+
Dret de cancel·lació
+
+ permet que se suprimeixin les dades que resultin ser inadequades o + excessives. +
+
Dret d’oposició
+
+ dret de l’interessat al fet que no es dugui a terme el tractament de les seves dades de caràcter personal o se cessi en aquest. +
+
Limitació del tractament
+
+ comporta el marcat de les dades personals conservades, amb la + finalitat de limitar el seu futur tractament. +
+
Portabilitat de les dades
+
+ facilitació de les dades objecte de tractament a l’interessat, a fi + que aquest pugui transmetre-les a un altre responsable, sense + impediments. +
+
Dret a no ser objecte de decisions individuals automatitzades (inclosa l’elaboració de perfils)
+
+ dret a no ser objecte d’una decisió basada en el tractament + automatitzat que produeixi efectes o afecti significativament. +
+
+ +

+ 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. +

+ +

+ També té dret a presentar una reclamació + davant l’autoritat de control + (aepd.es) si considera que poden haver-se vist vulnerats els seus + drets en relació amb la protecció de les seves dades. +

+ + +

Informació addicional

+ +

+ 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, NIF, adreça i telèfon de contacte. +

+ +

+ A través d’aquesta Política de Privacitat l’informem 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 + l’obtenció d’aquestes, s’ha 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 l’exercici dels drets d’aquests, 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. +

+ + +

Xarxes socials

+ +

+ L’informem 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 d’accés que pertanyin a la xarxa social que + procedeixi en cada cas i acceptades prèviament per l’usuari. +

+ +

+ ORIOL CARBONELL PUJOLÀS tractarà les seves dades amb les finalitats + d’administrar correctament la seva presència en la xarxa social, + informant-lo d’activitats, productes o serveis del prestador, així com + per a qualsevol altra finalitat que les normatives de les Xarxes + Socials permetin. +

+ +

+ Queda prohibida la publicació de continguts: +

+ + + +

+ 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. +

+ +

+ 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. +

+ +

+ 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 l’usuari en cas de voler conèixer-les, consultar les + corresponents condicions particulars de la xarxa en qüestió. +

+ + +

Mesures de seguretat

+ +

+ 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, d’acord l’estat de la + tecnologia i naturalesa de les dades emmagatzemades. +

+ +

+ 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 d’integritat i seguretat establertes en la + normativa vigent. +

+ + +

Idioma

+ +

+ L’idioma 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à. +

+ + +

Canvis en la present política de privacitat

+ +

+ ORIOL CARBONELL PUJOLÀS es reserva el dret a modificar la present + política per a adaptarla a novetats legislatives o jurisprudencials. +

+ + +

Legislació

+ +

+ 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. +

+
+ + + + diff --git a/screen.css b/screen.css new file mode 100644 index 0000000..30b9771 --- /dev/null +++ b/screen.css @@ -0,0 +1,428 @@ +/** + * SPDX-FileCopyrightText: 2023 jordi fita mas + * SPDX-FileCopyrightText: 2023 Oriol Carbonell + * 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'); +}