desy-html 6.4.1 → 6.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/config/tailwind.config.js +32 -2
- package/docs/_global.head.njk +2 -0
- package/docs/_include.template-header.njk +8 -0
- package/docs/_macro.example-render.njk +8 -0
- package/docs/catalogo.html +2 -0
- package/docs/componentes.html +6 -0
- package/docs/ds/_ds.example.card.njk +199 -0
- package/docs/ds/_ds.example.checkboxes.njk +4 -4
- package/docs/ds/_ds.example.header-advanced.njk +0 -75
- package/docs/ds/_ds.example.links-list.njk +171 -0
- package/docs/ds/_ds.example.pills.njk +1 -1
- package/docs/ds/_ds.example.textos.njk +3 -1
- package/docs/ds/_ds.section.informacion.njk +13 -0
- package/docs/ds/_ds.section.navigation.njk +4 -0
- package/docs/ds/_ds.section.textos.njk +44 -20
- package/docs/examples-card.html +5 -0
- package/docs/examples-links-list.html +5 -0
- package/docs/index.html +17 -3
- package/gulpfile.js +3 -2
- package/package.json +6 -3
- package/src/css/component.text.css +14 -0
- package/src/js/aria/tabs.js +3 -1
- package/src/templates/components/button-loader/_template.button-loader.njk +3 -15
- package/src/templates/components/card/_examples.card.njk +277 -0
- package/src/templates/components/card/_macro.card.njk +3 -0
- package/src/templates/components/card/_template.card.njk +35 -0
- package/src/templates/components/card/params.card.yaml +113 -0
- package/src/templates/components/collapsible/_template.collapsible.njk +1 -1
- package/src/templates/components/header/_template.header.njk +1 -1
- package/src/templates/components/header-advanced/_examples.header-advanced.njk +101 -14
- package/src/templates/components/header-advanced/_template.header-advanced.njk +3 -3
- package/src/templates/components/links-list/_examples.links-list.njk +504 -0
- package/src/templates/components/links-list/_macro.links-list.njk +3 -0
- package/src/templates/components/links-list/_template.links-list.njk +92 -0
- package/src/templates/components/links-list/params.links-list.yaml +82 -0
- package/src/templates/components/menu-vertical/params.menu-vertical.yaml +0 -4
- package/src/templates/components/table/_examples.table.njk +4 -48
- package/src/templates/components/table-advanced/_examples.table-advanced.njk +6 -51
- package/docs/examples-header-advanced-2.html +0 -5
- package/src/templates/components/header-advanced/_examples.header-advanced-2.njk +0 -911
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
const defaultTheme = require('tailwindcss/defaultTheme')
|
|
2
2
|
|
|
3
|
+
// Helper funcions from: https://github.com/tailwindlabs/tailwindcss-typography/blob/master/src/styles.js
|
|
4
|
+
const round = (num) =>
|
|
5
|
+
num
|
|
6
|
+
.toFixed(7)
|
|
7
|
+
.replace(/(\.[0-9]+?)0+$/, '$1')
|
|
8
|
+
.replace(/\.0$/, '')
|
|
9
|
+
const rem = (px) => `${round(px / 16)}rem`
|
|
10
|
+
const em = (px, base) => `${round(px / base)}em`
|
|
3
11
|
|
|
4
12
|
module.exports = {
|
|
5
13
|
content: ['./src/**/*.html',
|
|
@@ -151,10 +159,34 @@ module.exports = {
|
|
|
151
159
|
textDecoration: 'none'
|
|
152
160
|
},
|
|
153
161
|
},
|
|
162
|
+
'h1': {
|
|
163
|
+
// From: https://github.com/tailwindlabs/tailwindcss-typography/blob/master/src/styles.js
|
|
164
|
+
fontSize: em(30, 16),
|
|
165
|
+
marginTop: '0',
|
|
166
|
+
marginBottom: em(28, 30),
|
|
167
|
+
lineHeight: round(38 / 30),
|
|
168
|
+
fontWeight: '700',
|
|
169
|
+
},
|
|
170
|
+
'h2': {
|
|
171
|
+
// From: https://github.com/tailwindlabs/tailwindcss-typography/blob/master/src/styles.js
|
|
172
|
+
fontSize: em(24, 16),
|
|
173
|
+
marginTop: em(32, 24),
|
|
174
|
+
marginBottom: em(16, 24),
|
|
175
|
+
lineHeight: round(30 / 24),
|
|
176
|
+
},
|
|
154
177
|
'h3': {
|
|
178
|
+
// From: https://github.com/tailwindlabs/tailwindcss-typography/blob/master/src/styles.js
|
|
179
|
+
fontSize: em(18, 16),
|
|
180
|
+
marginTop: em(24, 18),
|
|
181
|
+
marginBottom: em(8, 18),
|
|
182
|
+
lineHeight: round(22 / 18),
|
|
155
183
|
fontWeight: '700',
|
|
156
184
|
},
|
|
157
185
|
'h4': {
|
|
186
|
+
// From: https://github.com/tailwindlabs/tailwindcss-typography/blob/master/src/styles.js
|
|
187
|
+
marginTop: em(24, 16),
|
|
188
|
+
marginBottom: em(8, 16),
|
|
189
|
+
lineHeight: round(20 / 16),
|
|
158
190
|
fontWeight: '700',
|
|
159
191
|
},
|
|
160
192
|
'ul > li::before': {
|
|
@@ -169,8 +201,6 @@ module.exports = {
|
|
|
169
201
|
backgroundImage: {
|
|
170
202
|
'salud-lg': "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODAwIiBoZWlnaHQ9IjEyNSIgdmlld0JveD0iMCAwIDgwMCAxMjUiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYiI+PHJlY3Qgd2lkdGg9IjgwMCIgaGVpZ2h0PSIxMjUiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0iYSIgY2xpcC1wYXRoPSJ1cmwoI2IpIj48cmVjdCB3aWR0aD0iODAwIiBoZWlnaHQ9IjEyNSIgZmlsbD0iIzA2ODU3ZSIvPjxwYXRoIGQ9Ik01MDguMiwxMDkuOTYxYzEuODYyLDEyLjM4NiwxOS44NTcsMTAuNTY1LDE3LjAwNS0zLjM4LTEuNjA5LTEzLjE2Ny0zLjY0NC0yNi4yODctNS4xMjQtMzkuNDY4LS43NDQtNi42MzYtMi4yNS0xMS4wMzYtMTAuNTctOS45NDktOC4wNTYsMS4wNDgtMTEuMDIzLDUuMTg3LTkuNjI2LDEyLjYsMi41MjgsMTMuNDQ3LDUuMzMyLDI2Ljg0NCw4LjMxNyw0MC4yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMjIuMjE1IC0yLjk3MikiIGZpbGw9IiMwYjZjNjQiLz48cGF0aCBkPSJNMTEyMjcuOSwxNDQuNDA2aDBhMTIuNzIsMTIuNzIsMCwwLDEtNS44LTEuNjJjLTMuMzYyLTEuNzQ4LTUuNDU2LTMuOTU3LTYuMjI1LTYuNTY4YTkuNjE5LDkuNjE5LDAsMCwxLS4wOTItNC43NSwxOS4wNzksMTkuMDc5LDAsMCwxLDIuMTc4LTUuMzc5YzIuODkxLTUuMDY1LDUuNzQtMTAuMjY4LDguNS0xNS4zbC4wMjktLjA1M2MyLjkxNC01LjMyMiw1LjkyOC0xMC44MjUsOS4wMjktMTYuMjM1aDIwLjAxM2MtMi4zMTksMTMuMzMtMTQuMTg3LDM1LjQtMTguMDg3LDQyLjY1MmExNi44NCwxNi44NCwwLDAsMS00LjIwNyw1LjM0OEE4LjUsOC41LDAsMCwxLDExMjI3LjksMTQ0LjQwNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDU0OSAtOTUpIiBmaWxsPSIjMGI2YzY0IiBzdHJva2U9InJnYmEoMCwwLDAsMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBhdGggZD0iTTI4Ni4wNjMsODIuOWMzLjAxLTIuMDMxLDUuNjk1LTguMTg0LDIuNi0xMi41MzlhMTg4LjgzOCwxODguODM4LDAsMCwwLTE5LTI5LjI4M2MtMS42NzItMi4xMjQtNy40LTUuMDU3LTExLjkxOC0zLjExNi0xLjUyMy42NTQtNC42MzgsNC43NC00LjYzOCw0Ljc0LTEuNjcxLDIuNzc5LTEuNjEzLDYuMzA1LDEuNzA4LDEwLjIxNiwzLjUsNC4xMjEsMTQuMTQ5LDIwLjM0NywxOS4wNTMsMjYuMjQsNS45MjYsNy4xODEsMTIuMiwzLjc0MiwxMi4yLDMuNzQyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4OS40NDEgMC45MjIpIiBmaWxsPSIjMGI2YzY0Ii8+PHBhdGggZD0iTTMwNy41MjEsNDguMWMtMi45MTksMi40NTgtMi4xMDUsOC41NTgtMS45ODcsMTAuODIuMTA5LDIuMDU5LDIuODYxLDUuMDg4LDUuMDIxLDUuNzQ1QTI3NS43MzEsMjc1LjczMSwwLDAsMCwzMzkuNCw3MS44NTNjNC43NzMsMS4zNzYsNi45NDgtMS41NTMsNy42NzMtMy40OTUsMS4zMS0zLjUsMy40MjMtOC43NjMuMzkxLTExLjI4NEMzNDUuMiw1My44MTgsMzExLjcsNDQuNTg4LDMwNy41MjEsNDguMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMyLjkgMjYuMTQ3KSIgZmlsbD0iIzBiNmM2NCIvPjxwYXRoIGQ9Ik0xMTE3NC41NTUsMTk0LjVIMTExMDNjMy4yMjUtMjUuNTM3LDYuOTY0LTU1LjI4NiwxMC41MzUtODUuMi41MTktNC4zMzMsMS43MzctNy40MDUsMy43MjUtOS4zOTJzNC44MTMtMi45NTYsOC42My0yLjk1NmEyNy45MTUsMjcuOTE1LDAsMCwxLDIuOTM2LjE2NmMyNy4xNTgsMi44NzgsNTMuNyw1LjYyNyw3OS45LDcuNjIsMy44NzEuMjkxLDYuMzMxLjkzMSw4LjIyOCwyLjE0MSwyLjE2OSwxLjM4MiwzLjU5NCwzLjU2Myw0LjQ4NCw2Ljg2NGEyOTIuMTE5LDI5Mi4xMTksMCwwLDAsMjIuNiw0My45OTMsMjk4LjgzOSwyOTguODM5LDAsMCwwLDI3LjE1NSwzNi43NTdsLTgzLjkzMSwwYTU5LjczOCw1OS43MzgsMCwwLDEsMy45NDMtMTAuODY3LDc0LjA4NSw3NC4wODUsMCwwLDEsNS45NDYtMTAuMjI0LDEzLjEyNCwxMy4xMjQsMCwwLDEsMi45ODgtMy40MjgsOC40MTQsOC40MTQsMCwwLDAsLjg5MS0uNzcxLDguNzQyLDguNzQyLDAsMCwwLC4wNjctMTIuMzQ1bC0uMDA2LDBhNC41LDQuNSwwLDAsMC00LjAxLS42MTdjLTYuNzI3LDMuMjg5LTEwLjk0NCw3Ljc5MS0xMi45LDEzLjc2NS0uNSwxLjUzMi0xLjAzNiwzLjAzOS0xLjY1Nyw0Ljc4M2wtLjA0Mi4xMTctLjAyOS4wODFjLS4zODIsMS4wNjctLjc1LDIuMS0xLjA5NCwzLjA4MS0uOTQ4LTEuODA5LTEuODU5LTMuNTY2LTIuNzg3LTUuMzU3bC0uMTA3LS4yMDctLjA1Mi0uMWMtMi4xMTYtNC4wODMtNC4zLTguMzA1LTYuNTQyLTEyLjMxNWE0LjM2Myw0LjM2MywwLDAsMC0xLjUyNC0yLjE1MywzLjU2NCwzLjU2NCwwLDAsMC0yLjA5Mi0uNjIsOS4zMzQsOS4zMzQsMCwwLDAtNi4yODUsMy4yNzZjLS43NSwxLjEyMy42MjMsNC4wNTUsMS4yNDgsNS4yNjMuNzYsMS40NjIsMS42NjYsMi44NjIsMi41NDMsNC4yMTZsLjAxNS4wMjRhMzQuNDkxLDM0LjQ5MSwwLDAsMSwzLjQ4Myw2LjI4NSw4OSw4OSwwLDAsMSw1LjMsMTguMTA5Wm0yMTYuMDEyLDBoLTUuODE2YTExOS4xOCwxMTkuMTgsMCwwLDEtMTEuMjk1LTE5LjI2NCwxMDQuNDc0LDEwNC40NzQsMCwwLDEtNy43NzctMjMuNmMtMy44MDktMTkuMTcyLTEuNjk0LTM4LjU2LDYuMjg1LTU3LjYyOGE4Ny4xNzcsODcuMTc3LDAsMCwxLDE2LjA1NS0yNC4wODloMi41NDlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA1OTAuMDY2IC02OSkiIGZpbGw9IiMwYjZjNjQiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBkPSJNMzA3LjgyNyw1MS4zNThjOC4yMTYtNi40MjEsMTYuMDQzLTEzLjM1MiwyNC4zNTUtMTkuNjQ2LDUuNzcxLTQuMzcyLDYuODc4LTguNzIyLDIuNTktMTQuODA4cy04LjkzNC02Ljc1MS0xNC44NDctMi42MzljLTQuNDUxLDMuMTA1LTkuMDY5LDUuOTYtMTUuMjU3LDEwbC0xMS42LDguMzg0Yy02LjcwNiw0Ljg1NS03LjQzNCwxMC40MzItMi40NzMsMTcuMTA5LDUuMjY5LDcuMDk0LDExLjE2Myw2LjM1NiwxNy4yMzQsMS42MDUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyMi45NzEgNi40NDMpIiBmaWxsPSIjMGI2YzY0Ii8+PHBhdGggZD0iTTExNDIyLjY0OCwxMDMuMTEyaC0xNjguOTY0Yy0yLjc5My00LjU3My02LjAyLTkuOTEtOC45ODktMTUuNGExMTguMTkzLDExOC4xOTMsMCwwLDEtNy41MjItMTYuMzI1Yy0yLjA1OS01Ljc3MS0zLjAxLTEwLjc5NS0yLjgyNi0xNC45MzFhMTcuMzI2LDE3LjMyNiwwLDAsMSwxLjM1OC02LjIxNywxMy43NDUsMTMuNzQ1LDAsMCwxLDMuNzQ0LTUsMTkuMzUxLDE5LjM1MSwwLDAsMSw5LjgtMi41ODMsMjIuMjM2LDIyLjIzNiwwLDAsMSw4LjQ1NywxLjcwNSwyMS42NiwyMS42NiwwLDAsMSw3LjI4MSw0LjkyN2MyLjI1OSwyLjMyOCw0LjUsNC43MzMsNi42NjcsNy4wNTlhMjAzLjksMjAzLjksMCwwLDAsMTYuMjg0LDE2LjIwNmM0LjA2LDMuNDc4LDkuNzM0LDYuMzczLDE3LjM0Nyw4Ljg1YTExLjc0MSwxMS43NDEsMCwwLDAsMy42LjYzNSw1LjQsNS40LDAsMCwwLDQuNDg3LTEuOTU0YzEuMjQ5LTEuNjI2LDEuNS00LjE1OS43MDgtNy4xMzMtMS4zNTgtNS4xLTMuMDYtMTAuMi00LjctMTUuMTNsLS4wMTMtLjA0YTE5NS4zODgsMTk1LjM4OCwwLDAsMS01Ljg1OS0xOS45LDgwLjg3Nyw4MC44NzcsMCwwLDEtMS44OTEtMTIuNTg0LDMyLjcxNiwzMi43MTYsMCwwLDEsMS4yNDctMTIuMTU0LDE4LjQsMTguNCwwLDAsMSw2LjEyOS05QTE1LjEyMywxNS4xMjMsMCwwLDEsMTEzMTguMjY2LDFhMTguNTg1LDE4LjU4NSwwLDAsMSwxMS4xNzMsNC4wMTksMzUzLjAyMywzNTMuMDIzLDAsMCwxLDMyLDI0LjU1NiwzMDkuNzQyLDMwOS43NDIsMCwwLDEsMjUuNzcxLDI1LjAxLDI2NC45MjksMjY0LjkyOSwwLDAsMSwzNS40MzcsNDguNTI4djBoMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTA2MSAyMi4zODgpIiBmaWxsPSIjMGI2YzY0IiBzdHJva2U9InJnYmEoMCwwLDAsMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBhdGggZD0iTTE1Mi4yNDEsMGMtNy40MTgsOC4xMTEtNy44NzgsMjMuOC0xLjE5NCw1NC44MTIsMTIuMDI4LDU1LjgyNC03OC4zNDEsOS4zNzgtMTMxLjQ3Mi0zNy41QzEyLjUsMTEuMDYyLDUuOTkxLDUuMzE4LDAsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuNTA3IDApIiBmaWxsPSIjMGI2YzY0Ii8+PC9nPjwvc3ZnPg==')",
|
|
171
203
|
'salud': "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDUwMCAyMDAiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYiI+PHJlY3Qgd2lkdGg9IjUwMCIgaGVpZ2h0PSIyMDAiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0iYSIgY2xpcC1wYXRoPSJ1cmwoI2IpIj48cmVjdCB3aWR0aD0iNTAwIiBoZWlnaHQ9IjIwMCIgZmlsbD0iIzA2ODU3ZSIvPjxwYXRoIGQ9Ik02MTQuMTEyLDE1LjQ3NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU1MS40OCA4LjU1MikiIGZpbGw9IiMwYjZjNjQiLz48cGF0aCBkPSJNMTA1NjAuMTY1LDE4NS4zODZoLTI2NC4zMjZjLTIuNTI1LTIuOTI1LTQuNzY5LTUuNjQ1LTYuODU4LTguMzE4YTY2LjMyMiw2Ni4zMjIsMCwwLDEtMTEuMjMtMjEuOSwyNS4yNCwyNS4yNCwwLDAsMS0xLTkuOTM1LDE2LjQ0NiwxNi40NDYsMCwwLDEsMi45ODgtNy45LDE2LjE0MiwxNi4xNDIsMCwwLDEsNi40MTUtNS4xNDgsMjQuMzgsMjQuMzgsMCwwLDEsOS41MzQtMi4wNTFjLjMzMy0uMDA5LjY3Mi0uMDE0LDEuMDA4LS4wMTQsNy40NjEsMCwxNS4xMTMsMi4zLDIyLjUxMyw0LjUzM2wuMTEuMDMzYzEuMTM4LjM0MiwyLjMxMy43LDMuNDYxLDEuMDMzYTExOC4wNzksMTE4LjA3OSwwLDAsMSwxMS4yNDUsNC4xNWwuMDA2LDBjNC45MDcsMiw5Ljk4LDQuMDcyLDE1LjE4LDUuMTIyYTI1LjcsMjUuNywwLDAsMCw0Ljk2Mi40NDUsMjcuNjI0LDI3LjYyNCwwLDAsMCw3LjE1Mi0uODgyYzIuMzI1LS42NDYsMy45NDgtMS42LDQuNjkzLTIuNzU1LDIuNzI0LTQuMjE5LDEuODg2LTEyLjc4NS0uNjA1LTE4LjEzOS0xLjUzNC0zLjI4Mi00LjQyMi04LTcuNzY2LTEzLjQ3bC0uMDA5LS4wMTRjLTYuMTI2LTEwLjAxOC0xMy43NTEtMjIuNDg2LTE4LjA4My0zNC4xMTRhNjEuODUyLDYxLjg1MiwwLDAsMS0yLjU0NS04LjQ5NSwzMy40NTUsMzMuNDU1LDAsMCwxLS44MjItNy44MTEsMTguNjQzLDE4LjY0MywwLDAsMSwxLjM2NC02Ljc5MywxNC40NTEsMTQuNDUxLDAsMCwxLDQuMDE3LTUuNDQxLDIwLjM1NCwyMC4zNTQsMCwwLDEsMTAuMy0yLjcxNSwyMy4zODMsMjMuMzgzLDAsMCwxLDguODkzLDEuNzkzLDIyLjc2NywyMi43NjcsMCwwLDEsNy42NTYsNS4xOGMyLjM3NywyLjQ1MSw0LjczMyw0Ljk4LDcuMDEzLDcuNDI1bC4wMTEuMDEyYTIxNS4wMzIsMjE1LjAzMiwwLDAsMCwxNy4xMTEsMTcuMDNjNC4yNjEsMy42NSwxMC4yMjcsNi42OTQsMTguMjQsOS4zYTEyLjM0MSwxMi4zNDEsMCwwLDAsMy43OTEuNjY4LDUuNjcxLDUuNjcxLDAsMCwwLDQuNzE2LTIuMDU0YzEuMzE0LTEuNzA5LDEuNTc5LTQuMzc0Ljc0Ni03LjUtMS40My01LjM2OS0zLjIxOS0xMC43MzMtNC45NDktMTUuOTIxbC0uMDA3LS4wMjFhMjA1LjY0NiwyMDUuNjQ2LDAsMCwxLTYuMTY1LTIwLjkzNiw4NS4yMTIsODUuMjEyLDAsMCwxLTEuOTg3LTEzLjIzNCwzNC4zNzYsMzQuMzc2LDAsMCwxLDEuMzExLTEyLjc3OCwxOS4zNTIsMTkuMzUyLDAsMCwxLDYuNDQ1LTkuNDY4QTE1LjksMTUuOSwwLDAsMSwxMDQyNC40NDMsMWExOS41NDIsMTkuNTQyLDAsMCwxLDExLjc1LDQuMjI4LDM3MC41MjgsMzcwLjUyOCwwLDAsMSwzNC40MjYsMjYuNDkzLDMyNC4xNTUsMzI0LjE1NSwwLDAsMSwyNy41NTMsMjYuOTc0LDI3Ni41NjYsMjc2LjU2NiwwLDAsMSwzNy40MTUsNTIuMTU4LDIyNS4wMzcsMjI1LjAzNywwLDAsMSwxOC43MTIsNDQuMzg1YzQuMzMsMTQuNjc5LDUuNTM0LDI1LjE4OCw1Ljg2NiwzMC4xNDdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAwODcgMTQuNTk0KSIgZmlsbD0iIzBiNmM2NCIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik0xMDQzNC45OTQsMTYyLjQ3MmMtNi44MDgsMC0xNS40Mi0xLjkxMS0yNS42LTUuNjhhMjI2LjUxLDIyNi41MSwwLDAsMS0zMS41OC0xNC45OSwzNzQuNjM4LDM3NC42MzgsMCwwLDEtMzMuMzQ2LTIxLjIyMywzNzUuNzU1LDM3NS43NTUsMCwwLDEtMzAuODg4LTI0LjM3OGMtMy45LTMuNDM4LTcuMzg3LTYuNTItMTAuOTg2LTkuN2gxNDUuODczYy0yLjksOS43MzQtMS44NTgsMjQuODg5LDMuMzY4LDQ5LjE0YTQwLjA1Myw0MC4wNTMsMCwwLDEsLjk2NiwxMi44MzQsMTYuMjI0LDE2LjIyNCwwLDAsMS0zLjI1Nyw4LjQ2NUMxMDQ0Ni41ODIsMTYwLjYxLDEwNDQxLjY4NiwxNjIuNDcyLDEwNDM0Ljk5NCwxNjIuNDcyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMjU1IC04NykiIGZpbGw9IiMwYjZjNjQiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48L2c+PC9zdmc+')",
|
|
172
|
-
'empleo-lg': "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODAwIiBoZWlnaHQ9IjEyNSIgdmlld0JveD0iMCAwIDgwMCAxMjUiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYiI+PHJlY3Qgd2lkdGg9IjgwMCIgaGVpZ2h0PSIxMjUiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0iYSIgY2xpcC1wYXRoPSJ1cmwoI2IpIj48cmVjdCB3aWR0aD0iODAwIiBoZWlnaHQ9IjEyNSIgZmlsbD0iI2ExMmE0OCIvPjxwYXRoIGQ9Ik0xMTI1My42OS00MjUuMzg1YTMyLjA1OCwzMi4wNTgsMCwwLDEtMy4yNzktLjE2OWwtNzEuNzM4LTcuMzQ3YTE2LjEyOSwxNi4xMjksMCwwLDEtMTQuNDY4LTE2LjgyNGwzLjI4Ni02Ny43NzNIMTEyNThsLTEuNDQyLDMyLjkzNSwzNC4zLDQ3LjU4N2ExNDIuODEsMTQyLjgxLDAsMCwxLTE4LjI3OSw3LjU1NCwxMDguNjQ4LDEwOC42NDgsMCwwLDEtMTIuNjcsMy40MTdBMzEuNDI2LDMxLjQyNiwwLDAsMSwxMTI1My42OS00MjUuMzg1Wm00OC40NzgtMTcuNzY5LDUuMTYyLTc0LjM0NWg2Ni40ODZhMjYzLjE2NSwyNjMuMTY1LDAsMCwxLTE4LjAzLDI2LjA5NSwyMjQuOTE4LDIyNC45MTgsMCwwLDEtMTguNCwyMC42NywxODYuOCwxODYuOCwwLDAsMS0zNS4yMiwyNy41NzloMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTE1OCA1MTcpIiBmaWxsPSIjODYyMjNhIiBzdHJva2U9InJnYmEoMCwwLDAsMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBhdGggZD0iTTExMjMzLjU0OC00NDcuNDE2aDBsLTYzLjQ3LTEwMS4wODNoMTA0LjMzNGwtNDAuODYzLDEwMS4wODV2MGgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwNTc0IDU0OCkiIGZpbGw9IiM4NjIyM2EiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBkPSJNMTE1MTEuNjg3LTU2Ny41aC0zMjcuNTM1Yy0uMTI1LTguMi0uMjExLTE0LjI3Ni0uMjM0LTE1Ljk0M3YtLjA2bDguMDYzLTUuNDM2LDIuMjIxLTEuNSwyLjY4NC0xLjgwOSw4LjM5LTUuNjU3Vi02NDFoMzkuNDI5Yy4xMTQsMy42MDkuMzM5LDQ2LjI5MS4zMzksNjQuMzI1LjUsMCwxMy41NzktMTIuMzc4LDIxLjM4LTIwLjM2OSwzLjYzNy0zLjcyNiw1LjU1NC01LjkxOCw1LjU0NC02LjM0MS0uMjE5LTkuOTYxLS41LTIwLjIxMS0uNzUxLTI5LjI1M2wwLS4xODZxLS4xMTQtNC4wODgtLjIyNS04LjE3NmgzNC41Yy4xOCwxMywxLjE5LDQ1LjkxNywyLjUxNiw0Ni40NTYsMy44OTMsMS41ODgsMTEuNywyLjMsMTcuNzA2LDIuM2E0NS43MTQsNDUuNzE0LDAsMCwwLDYuMzgtLjM2NmMxLjcxNi0uMjU2LDIuNjMtLjYzMSwyLjY0NS0xLjA4NC4zNzgtMTEuOTYuMzU1LTI0LjEzNS4zMzQtMzUuOTA5di0uNjE5Yy0uMDA3LTMuNTM0LS4wMTQtNy4xODgtLjAwOC0xMC43NzdoNDcuNjRjLS4wOTQsMS43OSwxLDEwLjA1MiwyLjQsMTguMDQzLjgyMiw0LjcxNywyLjkxMiwxNS45NTMsNC41NDgsMTguNDA3LDIuMDIsMy4wMzIsOS4yMTQsNS42MTYsMTUuNTYxLDcuOWwuMDA2LDBhNzYuMDE1LDc2LjAxNSwwLDAsMSw4LjcsMy40ODNWLTY0MWg0NC4zNTZjLjAyLDIuMDI3LjAyOCw0LjA5Mi4wMzYsNi4wOWwwLC41ODRjLjAyMSw1Ljg0My4wNDIsMTEuODg1LjMyMiwxNy44NjEuMDk1LDIuMDQxLDEuMTUzLDQuODM1LDIuNzYyLDUuOTc3LDQuODc4LDMuNDY0LDkuOTczLDYuNzY5LDE0LjksOS45NjUsMi44MjEsMS44MzEsNS43NCwzLjcyNCw4LjYxMSw1LjY0MywyLjk2NCwxLjk3OSw1LjgwOCw0LjAxNyw5LjQwOSw2LjYsMS41MjksMS4xLDMuNjI1LDIuNiw1Ljg4Niw0LjIsMC0zLjg2My0uMDA5LTcuNDg4LS4wMTgtMTAuOTkzdi0uNTk0Yy0uMDIxLTguMTk1LS4wMzgtMTUuMjcyLjA1MS0yMi41MjMuMDY0LTUuMjA5LjI3NS0xMC41LjQ3OS0xNS42MjRsMC0uMDgzLjAxNC0uMzUzYy4wODktMi4yMTIuMTgtNC41LjI1Ny02Ljc0Nmg0Ny42NDNjLjEwNywyLjgzNS4yMTksNS43MTkuMzI3LDguNTA5bC4wMS4yNDd2LjAyYy40MjcsMTAuOTg1Ljg2NywyMi4zNDUsMS4xMjMsMzMuNTE5LjAzMiwxLjMzNS0xLjk3NSwyLjk4NC0yLjgzOCwzLjYzMS0uMTQ2LjExNy0xNS44ODcsMTIuNjg0LTM1LjU1NywyNy41NzRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA5OTAgNjkyLjk5OSkiIGZpbGw9IiM4NjIyM2EiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBkPSJNMTExNzEuOTE1LTU2Ni4yMzRhMTEuMDQxLDExLjA0MSwwLDAsMS00LjczOC0xLjA4MywxNS44MjksMTUuODI5LDAsMCwxLTUuMzY2LTQuMzY2Yy0zLjA5NS0zLjcxOC04LjAwOC0xMC43NDMtMTIuNzU5LTE3LjUzNmwtLjAzMS0uMDQ0LS4wMjgtLjA0MWMtNC4wOTQtNS44NTQtNy45Ni0xMS4zODQtOS45MTktMTMuNjlhMTYuMTUyLDE2LjE1MiwwLDAsMS0yLjMxOC0zLjUwN2gyNy45MjRhMjI2LjM4NiwyMjYuMzg2LDAsMCwxLDE0Ljc4MywyNC4zMjIsOS41NDgsOS41NDgsMCwwLDEsMS40NTUsNy4zNSwxMi4yMzUsMTIuMjM1LDAsMCwxLTQuNTU0LDcuNjEyQTEwLjE4MiwxMC4xODIsMCwwLDEsMTExNzEuOTE1LTU2Ni4yMzRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA2ODcgNjA2KSIgZmlsbD0iIzg2MjIzYSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik0zNy44NDgsNTAuNjhjMy4zNDgtMi4yNTgsNi4zMzMtOS4xLDIuODg4LTEzLjk0NEEyMTAsMjEwLDAsMCwwLDE5LjYwOSw0LjE3MUMxNy43NDksMS44MDksMTEuMzgyLTEuNDUyLDYuMzU2LjcwNiw0LjY2MiwxLjQzMywxLjIsNS45NzcsMS4yLDUuOTc3LS42NTksOS4wNjgtLjYsMTIuOTg5LDMuMSwxNy4zMzhjMy44OSw0LjU4MiwxNS43MzQsMjIuNjI3LDIxLjE4OSwyOS4xODEsNi41OSw3Ljk4NSwxMy41NjIsNC4xNjEsMTMuNTYyLDQuMTYxIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjU4OCwgMC44MDksIC0wLjgwOSwgMC41ODgsIDczNi4yLCAyNy43NTEpIiBmaWxsPSIjODYyMjNhIi8+PHBhdGggZD0iTTExMTQyLjA3My01MTMuNTM3aDBhMTAuOCwxMC44LDAsMCwxLTEuMi0uMjc0LDMwOC4xNTYsMzA4LjE1NiwwLDAsMS0zMi4wNzctNy45ODgsOC44MzIsOC44MzIsMCwwLDEtMy42NDgtMi42MSw2Ljg2OSw2Ljg2OSwwLDAsMS0xLjkzNS0zLjc4Yy0uMDEzLS4yNDUtLjAzMy0uNTI1LS4wNTctLjg0OWwtLjAwNy0uMWMtLjIxOC0zLjAyNC0uNjIzLTguNjQ3LDIuMjcyLTExLjA4NC42ODktLjU4LDIuMTMyLS44NzUsNC4yODktLjg3NWE3OC42NTksNzguNjU5LDAsMCwxLDE1LjU2MSwyLjI4OCwxNTYuNzcxLDE1Ni43NzEsMCwwLDEsMTYuOCw0Ljc3NnYyMC40OTRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAzNDEuNTcyIDYxNCkiIGZpbGw9IiM4NjIyM2EiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48L2c+PC9zdmc+')",
|
|
173
|
-
'empleo': "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDUwMCAyMDAiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYiI+PHJlY3Qgd2lkdGg9IjUwMCIgaGVpZ2h0PSIyMDAiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0iYSIgY2xpcC1wYXRoPSJ1cmwoI2IpIj48cmVjdCB3aWR0aD0iNTAwIiBoZWlnaHQ9IjIwMCIgZmlsbD0iI2ExMmE0OCIvPjxwYXRoIGQ9Ik0xMDU3Mi43Mi0xMjAuMTE4aDBMMTA0ODQuNTUtMjI3LjVoMTQ0LjkzM2wtNTYuNzYzLDEwNy4zODN2MGgwdjBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxNTYgMjI3KSIgZmlsbD0iIzg2MjIzYSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik0xMDEzNC4wNjctNDUyLjVoLTEwNi4yNDFjMC0xLjU1OS0uMDA2LTMuMjMyLS4wMTItNS4xMTRxMC0uNzc4LDAtMS41NTMsMC0uNzU1LDAtMS41MDdsMC0uMjI5di0uMTg1Yy0uMDQ5LTE5Ljc1MS0uMDkxLTM2LjgwOC4xMjUtNTQuMjcxLjE1Ni0xMi43MTUuNjctMjUuNjIsMS4xNjctMzguMWwuMDA3LS4xNzIsMC0uMDY0LDAtLjA2OS4wMjEtLjUyNWMuMjA1LTUuMTE5LjQzOC0xMC45MjIuNjMyLTE2LjU4MmgxMTUuOTU0Yy4yNTksNi44NDUuNTE5LDEzLjU3My44MywyMS41NjlsLjAwNi4xNTRjMS4wMzIsMjYuNTgxLDIuMSw1NC4wNjUsMi43MjMsODEuMjIyLjA3NiwzLjIzMy00LjgwNiw3LjI1Ni02LjkwOCw4LjgzNiwwLDAtMi44MDksMi4yNDQtOC4zLDYuNTg3Wm0tMTM0LjUxOCwwSDk4MzYuNVYtNTcwLjg2OGg4OS4zYy4wNTEsNS4zOC4wNywxMC43MjMuMDksMTUuODg5di41MTVjLjA1NCwxNC4yLjEwOSwyOC44OS43ODUsNDMuMzA3YTIzLjk4MiwyMy45ODIsMCwwLDAsMi4wMSw4LjE0MywxNS41MjksMTUuNTI5LDAsMCwwLDQuNzEyLDYuNDA5YzExLjkyMiw4LjQ2OCwyNC4zLDE2LjUsMzYuMjc2LDI0LjI2bC4wNDEuMDI3LjM1NC4yM2M2Ljc0Miw0LjM3NCwxMy43MTQsOC45LDIwLjU1NSwxMy40NzEsMi44MjcsMS44OSw1Ljc0NiwzLjg5MSw4LjkyMSw2LjExNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODM3IDY1MykiIGZpbGw9IiM4NjIyM2EiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48L2c+PC9zdmc+')",
|
|
174
204
|
'general-lg': "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODAwIiBoZWlnaHQ9IjEyNSIgdmlld0JveD0iMCAwIDgwMCAxMjUiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYiI+PHJlY3Qgd2lkdGg9IjgwMCIgaGVpZ2h0PSIxMjUiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0iYSIgY2xpcC1wYXRoPSJ1cmwoI2IpIj48cmVjdCB3aWR0aD0iODAwIiBoZWlnaHQ9IjEyNSIgZmlsbD0iIzNjNGM1YyIvPjxwYXRoIGQ9Ik0xMTMyOS4yMjctMTIxOS4xNzgsMTExOTUuMy0xMjk2LjVoMTMzLjkzbDAsNTQuNHYyMi45MjRoMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTE5MyAxMjk2KSIgZmlsbD0iIzI2Mzc0YSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik0xMDcuNzcxLDg2LjI1OWg2OS40MTRjLTExLjYzNS0yMC4xMzUtMjMuMDc0LTM5LjkzMS0zNC43MjMtNjAuMDktMTEuNjc4LDIwLjIzLTIzLjA5Myw0MC0zNC42OTEsNjAuMDkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM1NC4yMDcgLTEuMTA2KSIgZmlsbD0iIzI2Mzc0YSIvPjxwYXRoIGQ9Ik04My4zMzIsNzIuODY0LDcxLjQyNiw5My40N0g5NC40OTRjLTMuMzYxLTUuOTMzLTYuOC0xMy4yOTItMTAuMjIyLTE5LjE5Mi0uMjI4LS4zOTMtLjUtLjc2LS45NC0xLjQxNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzM0LjUwOCAtNTguMTA0KSIgZmlsbD0iIzI2Mzc0YSIvPjxwYXRoIGQ9Ik0xMTI5NS4xNzctMTM2My45OWgtNjcuODE0YTE2MC40MjksMTYwLjQyOSwwLDAsMSwxOC44MTEtMzMuMzI3bDE2LjExNS0yMS45MzFhNjguNDYzLDY4LjQ2MywwLDAsMSwxNi4yODctMTUuODMsNjcuNzExLDY3LjcxMSwwLDAsMSwyMC41LTkuNTgyYzcuNC0yLjA0NCwxMy40MzItMy43MTYsMTguOTc2LTUuMjYyYTE5Mi44NywxOTIuODcsMCwwLDEsNTEuNzY0LTcuMDc4LDE5My4xMTQsMTkzLjExNCwwLDAsMSw0NC40NzQsNS4ybDkuMTMxLDIuMTY0YTExMy45LDExMy45LDAsMCwxLDI1LjMyOCw5LjI5MiwxMTQuNjQ3LDExNC42NDcsMCwwLDEsMjIuMjA4LDE0Ljc4NUExMTUuNTc5LDExNS41NzksMCwwLDEsMTE0ODkuMi0xNDA2YTExNi4zOTQsMTE2LjM5NCwwLDAsMSwxMy40MzMsMjMuNjE5LDE0NS4wNzksMTQ1LjA3OSwwLDAsMSw2LjM1MiwxOC4zOTFoLTc1LjI2MWE2NC4zLDY0LjMsMCwwLDAtNi41NDgtMTAuNDg4LDYzLjkxNiw2My45MTYsMCwwLDAtOC4zNS04Ljk1Miw2My41MTQsNjMuNTE0LDAsMCwwLTkuOS03LjE4LDYzLjE3NCw2My4xNzQsMCwwLDAtMTEuMTkzLTUuMTczbC04LjcwNy0zLjAzMWE2Mi42MTYsNjIuNjE2LDAsMCwwLTIwLjYzNS0zLjQ5MSw2Mi44MzgsNjIuODM4LDAsMCwwLTE1LjQ2NSwxLjkzNSw2My4wMzcsNjMuMDM3LDAsMCwwLTE0LjY2OSw1Ljc2NWwtMjIsMTIuMDExYTYzLjQ4Myw2My40ODMsMCwwLDAtMTEuNjM5LDguMTcyLDY0LDY0LDAsMCwwLTkuNDQ2LDEwLjQzMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTA3NiAxNDg5LjQ4OSkiIGZpbGw9IiMyNjM3NGEiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBkPSJNMTEzNTAuMDg0LTEzMTIuNWgtMjI0LjU0M2MtMTMuNDg0LTE4LjY5LTIwLjg4MS0yOS43LTIxLjk4Ni0zMi43MTZhOC4yNiw4LjI2LDAsMCwxLC41OTUtNy4xODljMS4yODQtMi4yNzMsMy42NjYtNC40NjQsNy4wNzctNi41MTFhNTcuNTc4LDU3LjU3OCwwLDAsMSwxMC4wNzEtNC42LDk5Ljc2Miw5OS43NjIsMCwwLDEsMTIuOTE5LTMuNjJsNjUuMjgxLDQ0LjlMMTExODIuMi0xNDM4LjVoNDIuMTczYzYuMjU4LDYuNDkzLDEzLjMzLDEzLjg5MSwyMS4wMjEsMjEuOTksMjEuMywyMi40MjMsNDEuMjM4LDQzLjc2LDQ1LjAxOSw0Ny44MWwuMTU5LjE3MWEuMDYxLjA2MSwwLDAsMS0uMDA3LS4wMTVsMC0uMDA5YS4yODkuMjg5LDAsMCwwLS4wMTMtLjAzMWwtLjAyNS0uMDYzYy0uMDA3LS4wMTYtLjAxNC0uMDMzLS4wMjEtLjA1MnMtLjAyNy0uMDY5LS4wNDUtLjExMWwtLjA0Ni0uMTE0Yy0yLjU5NC02LjQ0OC0xMS43NTctMjkuMjg1LTIwLjc2NC01Mi40MjctMi4zMjQtNS45NzctNC41NDgtMTEuNzQ3LTYuNjExLTE3LjE0OWgzOS4yM2w0Ny44MTQsODUuNzEzdjQwLjI4N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDU0OS41ODIgMTQzOCkiIGZpbGw9IiMyNjM3NGEiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48L2c+PC9zdmc+')",
|
|
175
205
|
'general': "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDUwMCAyMDAiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYiI+PHJlY3Qgd2lkdGg9IjUwMCIgaGVpZ2h0PSIyMDAiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0iYSIgY2xpcC1wYXRoPSJ1cmwoI2IpIj48cmVjdCB3aWR0aD0iNTAwIiBoZWlnaHQ9IjIwMCIgZmlsbD0iIzNjNGM1YyIvPjxwYXRoIGQ9Ik0xMDM5My41LTE3NzAuNGgtMTM5LjM2OHExMy40NTMtMjMuMzA1LDI2LjgwNy00Ni40M2w1LjYyOC05Ljc0OCwxMS44MzgtMjAuNSwyLjM0Ny00LjA2NywyNy45MTYtNDguMzU0aDEzLjk3OXE2Ljk3NywxMi4wNzUsMTMuOTI1LDI0LjA5NWw1LjAyLDguNjg5cTQuNDE4LDcuNjQ4LDguODMyLDE1LjI4NmwyLjkxOSw1LjA1MS41MDguODc5cTUuMzY0LDkuMjgxLDEwLjcyNiwxOC41NjJsOC45MjUsMTUuNDQzdjQxLjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTg5MyAxODk5KSIgZmlsbD0iIzI2Mzc0YSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik05NS44MTQsNzIuODY0LDcxLjQyNiwxMTUuMDcxaDQ3LjI1Yy02Ljg4NC0xMi4xNTItMTMuOTMzLTI3LjIyNS0yMC45MzctMzkuMzEtLjQ2Ny0uOC0xLjAzLTEuNTU2LTEuOTI1LTIuOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjE2LjYzNSAtNTcuOTY4KSIgZmlsbD0iIzI2Mzc0YSIvPjxwYXRoIGQ9Ik0xMDg0MS4yOTItMTcyNS41aC0xMTguMzgzYTEwNC44NTcsMTA0Ljg1NywwLDAsMC03Ljg0OS0yOC4wNDMsMTA0LjYzMSwxMDQuNjMxLDAsMCwwLTEwLjUzNS0xOC42MTYsMTAzLjY0MSwxMDMuNjQxLDAsMCwwLTEzLjkzMS0xNS44ODQsMTAzLjE2MywxMDMuMTYzLDAsMCwwLTE2LjgzLTEyLjY5LDEwMi40NDEsMTAyLjQ0MSwwLDAsMC0xOS4yMzctOS4wMzZsLTE0LjExMi00LjkxNGExMDEuNTE1LDEwMS41MTUsMCwwLDAtMzMuNDQ3LTUuNjU5LDEwMS44MTMsMTAxLjgxMywwLDAsMC0yNS4wNjYsMy4xMzcsMTAyLjEwOSwxMDIuMTA5LDAsMCwwLTIzLjc4LDkuMzQ2bC0zLjYyMSwxLjk3N3YtOTguMjc4YTMxMy4zMDksMzEzLjMwOSwwLDAsMSw1NC43NzUtNC44MzksMzEyLjk3MywzMTIuOTczLDAsMCwxLDcyLjA5Myw4LjQyOWwxNC44LDMuNWExODQuNjU1LDE4NC42NTUsMCwwLDEsNDEuMDU3LDE1LjA2MiwxODUuNzU3LDE4NS43NTcsMCwwLDEsMzYsMjMuOTY1LDE4Ny4yNDUsMTg3LjI0NSwwLDAsMSwyOS41NjksMzEuNzA2LDE4OC41MiwxODguNTIsMCwwLDEsMjEuNzcyLDM4LjI4NywyMzQuMjgzLDIzNC4yODMsMCwwLDEsMTYuNzI4LDYyLjU0NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDU1NSAxOTI2KSIgZmlsbD0iIzI2Mzc0YSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik02MTQuMTEyLDE1LjQ3NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU1MS40OCA1LjU1MikiIGZpbGw9IiMyNjM3NGEiLz48L2c+PC9zdmc+')",
|
|
176
206
|
},
|
package/docs/_global.head.njk
CHANGED
|
@@ -6,6 +6,8 @@
|
|
|
6
6
|
<title>{{ title if title else "desy-html docs" }}</title>
|
|
7
7
|
{% if description %}<meta name="description" content="{{ description }}">{% endif %}
|
|
8
8
|
<link rel="icon" type="image/x-icon" href="https://aplicaciones.aragon.es/favicon.ico">
|
|
9
|
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
10
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
9
11
|
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap" rel="stylesheet">
|
|
10
12
|
<link rel="stylesheet" href="css/styles.css">
|
|
11
13
|
<style>
|
|
@@ -90,6 +90,10 @@
|
|
|
90
90
|
href: "examples-button-loader.html",
|
|
91
91
|
text: "Button loader"
|
|
92
92
|
},
|
|
93
|
+
{
|
|
94
|
+
href: "examples-card.html",
|
|
95
|
+
text: "Card"
|
|
96
|
+
},
|
|
93
97
|
{
|
|
94
98
|
href: "examples-character-count.html",
|
|
95
99
|
text: "Character count"
|
|
@@ -174,6 +178,10 @@
|
|
|
174
178
|
href: "examples-label.html",
|
|
175
179
|
text: "Label"
|
|
176
180
|
},
|
|
181
|
+
{
|
|
182
|
+
href: "examples-links-list.html",
|
|
183
|
+
text: "Links list"
|
|
184
|
+
},
|
|
177
185
|
{
|
|
178
186
|
href: "examples-listbox.html",
|
|
179
187
|
text: "Listbox"
|
|
@@ -11,6 +11,8 @@ import componentBreadcrumbs %}
|
|
|
11
11
|
import componentButton %}
|
|
12
12
|
{% from "components/button-loader/_macro.button-loader.njk"
|
|
13
13
|
import componentButtonLoader %}
|
|
14
|
+
{% from "components/card/_macro.card.njk"
|
|
15
|
+
import componentCard %}
|
|
14
16
|
{% from "components/character-count/_macro.character-count.njk"
|
|
15
17
|
import componentCharacterCount %}
|
|
16
18
|
{% from "components/checkboxes/_macro.checkboxes.njk"
|
|
@@ -53,6 +55,8 @@ import componentInputGroup %}
|
|
|
53
55
|
import componentItem %}
|
|
54
56
|
{% from "components/label/_macro.label.njk"
|
|
55
57
|
import componentLabel %}
|
|
58
|
+
{% from "components/links-list/_macro.links-list.njk"
|
|
59
|
+
import componentLinksList %}
|
|
56
60
|
{% from "components/listbox/_macro.listbox.njk"
|
|
57
61
|
import componentListbox %}
|
|
58
62
|
{% from "components/media-object/_macro.media-object.njk"
|
|
@@ -140,6 +144,8 @@ import componentTree %}
|
|
|
140
144
|
{{ componentButton(example.data) }}
|
|
141
145
|
{% elseif exampleComponent == "button-loader" %}
|
|
142
146
|
{{ componentButtonLoader(example.data) }}
|
|
147
|
+
{% elseif exampleComponent == "card" %}
|
|
148
|
+
{% call componentCard(example.data) %}{{ example.data.caller | safe }}{% endcall %}
|
|
143
149
|
{% elseif exampleComponent == "character-count" %}
|
|
144
150
|
{{ componentCharacterCount(example.data) }}
|
|
145
151
|
{% elseif exampleComponent == "checkboxes" %}
|
|
@@ -182,6 +188,8 @@ import componentTree %}
|
|
|
182
188
|
{% call componentItem(example.data) %}{{ example.data.caller | safe }}{% endcall %}
|
|
183
189
|
{% elseif exampleComponent == "label" %}
|
|
184
190
|
{{ componentLabel(example.data) }}
|
|
191
|
+
{% elseif exampleComponent == "links-list" %}
|
|
192
|
+
{{ componentLinksList(example.data) }}
|
|
185
193
|
{% elseif exampleComponent == "listbox" %}
|
|
186
194
|
{% call componentListbox(example.data) %}{{ example.data.caller | safe }}{% endcall %}
|
|
187
195
|
{% elseif exampleComponent == "media-object" %}
|
package/docs/catalogo.html
CHANGED
package/docs/componentes.html
CHANGED
|
@@ -28,6 +28,9 @@
|
|
|
28
28
|
<div>
|
|
29
29
|
<p class="c-paragraph-base"><a href="examples-button-loader.html" class="c-link">Button loader</a></p>
|
|
30
30
|
</div>
|
|
31
|
+
<div>
|
|
32
|
+
<p class="c-paragraph-base"><a href="examples-card.html" class="c-link">Card</a></p>
|
|
33
|
+
</div>
|
|
31
34
|
<div>
|
|
32
35
|
<p class="c-paragraph-base"><a href="examples-character-count.html" class="c-link">Character count</a></p>
|
|
33
36
|
</div>
|
|
@@ -91,6 +94,9 @@
|
|
|
91
94
|
<div>
|
|
92
95
|
<p class="c-paragraph-base"><a href="examples-label.html" class="c-link">Label</a></p>
|
|
93
96
|
</div>
|
|
97
|
+
<div>
|
|
98
|
+
<p class="c-paragraph-base"><a href="examples-links-list.html" class="c-link">Links list</a></p>
|
|
99
|
+
</div>
|
|
94
100
|
<div>
|
|
95
101
|
<p class="c-paragraph-base"><a href="examples-listbox.html" class="c-link">Listbox</a></p>
|
|
96
102
|
</div>
|
|
@@ -0,0 +1,199 @@
|
|
|
1
|
+
{% from "components/card/_macro.card.njk" import componentCard %}
|
|
2
|
+
{% from "components/button/_macro.button.njk" import componentButton %}
|
|
3
|
+
|
|
4
|
+
{% set defaultContent %}
|
|
5
|
+
<h3 class="c-h3"><a href="#" class="c-link">Título card</a></h3>
|
|
6
|
+
<div class="prose max-w-none">
|
|
7
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit suscipit mollitia non deleniti illum iure pariatur vel eligendi praesentium in. Velit amet distinctio minima libero dolorem tempora non aliquid? Corporis.</p>
|
|
8
|
+
</div>
|
|
9
|
+
{% endset %}
|
|
10
|
+
|
|
11
|
+
{% set linksContent %}
|
|
12
|
+
<h2 class="c-h1">Tus datos médicos e información personal</h2>
|
|
13
|
+
<ul class="text-lg">
|
|
14
|
+
<li class="mb-base"><a href="#" class="c-link">Cambiar tus datos de contacto</a></li>
|
|
15
|
+
<li class="mb-base"><a href="#" class="c-link">Dónde y cómo solicitar tu PIN Salud</a></li>
|
|
16
|
+
<li class="mb-base"><a href="#" class="c-link">Cómo solicitar un cambio de centro de salud</a></li>
|
|
17
|
+
<li class="mb-base"><a href="#" class="c-link">Historia Clínica e informes médicos</a></li>
|
|
18
|
+
<li class="mb-base"><a href="#" class="c-link">Derechos de protección de datos</a></li>
|
|
19
|
+
</ul>
|
|
20
|
+
{% endset %}
|
|
21
|
+
|
|
22
|
+
{% set verButton %}
|
|
23
|
+
{{ componentButton({
|
|
24
|
+
"html": "Más <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" class=\"self-center ml-2\" aria-hidden=\"true\" focusable=\"false\" width=\"1em\" height=\"1em\"><path d=\"M102.07 27.93l35 35a10 10 0 010 14.14l-35 35a10 10 0 01-14.14-14.14l13.66-13.66A2.5 2.5 0 0099.82 80H10a10 10 0 010-20h89.82a2.5 2.5 0 001.77-4.27L87.93 42.07a10 10 0 0114.14-14.14z\" fill=\"currentColor\"></path></svg>",
|
|
25
|
+
"classes": "c-button--transparent",
|
|
26
|
+
"href": "#",
|
|
27
|
+
"attributes": {
|
|
28
|
+
"id": "boton-card-1",
|
|
29
|
+
"aria-labelledby": "boton-card-1 titulo-card-1"
|
|
30
|
+
}
|
|
31
|
+
}) }}
|
|
32
|
+
{% endset %}
|
|
33
|
+
|
|
34
|
+
{% set verDetalleButton %}
|
|
35
|
+
{{ componentButton({
|
|
36
|
+
"html": "Ver detalle <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" class=\"self-center ml-2\" aria-hidden=\"true\" focusable=\"false\" width=\"1em\" height=\"1em\"><path d=\"M102.07 27.93l35 35a10 10 0 010 14.14l-35 35a10 10 0 01-14.14-14.14l13.66-13.66A2.5 2.5 0 0099.82 80H10a10 10 0 010-20h89.82a2.5 2.5 0 001.77-4.27L87.93 42.07a10 10 0 0114.14-14.14z\" fill=\"currentColor\"></path></svg>",
|
|
37
|
+
"classes": "c-button--transparent",
|
|
38
|
+
"href": "#",
|
|
39
|
+
"attributes": {
|
|
40
|
+
"id": "boton-card-1",
|
|
41
|
+
"aria-labelledby": "boton-card-1 titulo-card-1"
|
|
42
|
+
}
|
|
43
|
+
}) }}
|
|
44
|
+
{% endset %}
|
|
45
|
+
|
|
46
|
+
{% set withIconContent %}
|
|
47
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="1em" height="1em" class="w-6 h-6 lg:w-9 lg:h-9 mt-base mb-lg" aria-hidden="true" focusable="false"><g transform="scale(2)"><path d="M21.71 5.71 16.29.29a1 1 0 0 0-.7-.29H4a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6.41a1 1 0 0 0-.29-.7ZM20 21.5a.5.5 0 0 1-.5.5h-15a.5.5 0 0 1-.5-.5v-19a.5.5 0 0 1 .5-.5h10.25a.25.25 0 0 1 .25.25V5a2 2 0 0 0 2 2h2.75a.25.25 0 0 1 .25.25Z" fill="currentColor"></path><rect x="6.5" y="10.5" width="3" height="2" rx=".5" fill="currentColor"></rect><rect x="6.5" y="14" width="3" height="2" rx=".5" fill="currentColor"></rect><rect x="6.5" y="17.5" width="3" height="2" rx=".5" fill="currentColor"></rect><rect x="11" y="10.5" width="6.5" height="2" rx=".5" fill="currentColor"></rect><rect x="11" y="14" width="6.5" height="2" rx=".5" fill="currentColor"></rect><rect x="11" y="17.5" width="6.5" height="2" rx=".5" fill="currentColor"></rect></g></svg>
|
|
48
|
+
<h3 id="titulo-card-1" class="c-h3">Título card</h3>
|
|
49
|
+
<div class="prose max-w-none mb-base">
|
|
50
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit suscipit mollitia non deleniti illum iure pariatur vel eligendi praesentium in. Velit amet distinctio minima libero dolorem tempora non aliquid? Corporis.</p>
|
|
51
|
+
</div>
|
|
52
|
+
{{ verButton | safe }}
|
|
53
|
+
{% endset %}
|
|
54
|
+
|
|
55
|
+
{% set withButton %}
|
|
56
|
+
<h3 id="titulo-card-1" class="c-h3">Título card</h3>
|
|
57
|
+
<div class="prose max-w-none mb-base">
|
|
58
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit suscipit mollitia non deleniti illum iure pariatur vel eligendi praesentium in. Velit amet distinctio minima libero dolorem tempora non aliquid? Corporis.</p>
|
|
59
|
+
</div>
|
|
60
|
+
{{ verButton | safe }}
|
|
61
|
+
{% endset %}
|
|
62
|
+
|
|
63
|
+
{% set areaPersonalContent %}
|
|
64
|
+
<h2 class="c-h1"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="1em" height="1em" class="inline-block align-middle lg:w-9 lg:h-9 mr-base" aria-hidden="true" focusable="false"><g transform="scale(2)"><path d="M21.71 5.71 16.29.29a1 1 0 0 0-.7-.29H4a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6.41a1 1 0 0 0-.29-.7ZM20 21.5a.5.5 0 0 1-.5.5h-15a.5.5 0 0 1-.5-.5v-19a.5.5 0 0 1 .5-.5h10.25a.25.25 0 0 1 .25.25V5a2 2 0 0 0 2 2h2.75a.25.25 0 0 1 .25.25Z" fill="currentColor"></path><rect x="6.5" y="10.5" width="3" height="2" rx=".5" fill="currentColor"></rect><rect x="6.5" y="14" width="3" height="2" rx=".5" fill="currentColor"></rect><rect x="6.5" y="17.5" width="3" height="2" rx=".5" fill="currentColor"></rect><rect x="11" y="10.5" width="6.5" height="2" rx=".5" fill="currentColor"></rect><rect x="11" y="14" width="6.5" height="2" rx=".5" fill="currentColor"></rect><rect x="11" y="17.5" width="6.5" height="2" rx=".5" fill="currentColor"></rect></g></svg>Tu área personal</h2>
|
|
65
|
+
<p class="c-paragraph-base mb-lg">En tu área personal puedes pedir cita con tu médico/a, consultar tu historia clínica y encontrar una selección de contenidos y servicios de salud para ti. Accede de forma segura desde cualquier lugar y en cualquier momento, desde tu móvil u ordenador.</p>
|
|
66
|
+
<ul class="flex flex-wrap gap-base">
|
|
67
|
+
<li>
|
|
68
|
+
{{ componentButton({
|
|
69
|
+
"text": "Acceder a Tu área personal",
|
|
70
|
+
"classes": "c-button--primary"
|
|
71
|
+
}) }}
|
|
72
|
+
</li>
|
|
73
|
+
<li>
|
|
74
|
+
{{ componentButton({
|
|
75
|
+
"text": "Descargar la app"
|
|
76
|
+
}) }}
|
|
77
|
+
</li>
|
|
78
|
+
</ul>
|
|
79
|
+
{% endset %}
|
|
80
|
+
|
|
81
|
+
{% set postContent %}
|
|
82
|
+
<p class="c-paragraph-sm mb-base">
|
|
83
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="1em" width="1em" class="inline-block align-middle w-6 h-6 mr-xs"><g><path d="M7.5,10.5h-1a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Z" fill="currentColor"></path><path d="M12.5,10.5h-1a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Z" fill="currentColor"></path><path d="M17.5,10.5h-1a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Z" fill="currentColor"></path><path d="M7.5,14.5h-1a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Z" fill="currentColor"></path><path d="M12.5,14.5h-1a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Z" fill="currentColor"></path><path d="M17.5,14.5h-1a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Z" fill="currentColor"></path><path d="M7.5,18.5h-1a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Z" fill="currentColor"></path><path d="M12.5,18.5h-1a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Z" fill="currentColor"></path><path d="M17.5,18.5h-1a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Z" fill="currentColor"></path><path d="M21.5,3H18.75a.25.25,0,0,1-.25-.25V1a1,1,0,0,0-2,0V5.75a.75.75,0,0,1-1.5,0V3.5a.5.5,0,0,0-.5-.5H8.25A.25.25,0,0,1,8,2.75V1A1,1,0,0,0,6,1V5.75a.75.75,0,0,1-1.5,0V3.5A.5.5,0,0,0,4,3H2.5a2,2,0,0,0-2,2V22a2,2,0,0,0,2,2h19a2,2,0,0,0,2-2V5A2,2,0,0,0,21.5,3Zm0,18.5a.5.5,0,0,1-.5.5H3a.5.5,0,0,1-.5-.5V9.5A.5.5,0,0,1,3,9H21a.5.5,0,0,1,.5.5Z" fill="currentColor"></path></g></svg>
|
|
84
|
+
<strong>18 octubre 2022</strong>
|
|
85
|
+
</p>
|
|
86
|
+
<h3 id="titulo-card-1" class="c-h3">Título de noticia</h3>
|
|
87
|
+
<div class="prose max-w-none mb-base">
|
|
88
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit suscipit mollitia non deleniti illum iure pariatur vel eligendi praesentium in. Velit amet distinctio minima libero dolorem tempora non aliquid? Corporis.</p>
|
|
89
|
+
</div>
|
|
90
|
+
{{ verDetalleButton | safe }}
|
|
91
|
+
{% endset %}
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
<div class="grid lg:grid-cols-3 gap-xl mb-lg">
|
|
95
|
+
<div>
|
|
96
|
+
{% call componentCard({
|
|
97
|
+
"containerClasses": "p-base border border-neutral-base rounded"
|
|
98
|
+
}) %}
|
|
99
|
+
{{ defaultContent | safe }}
|
|
100
|
+
{% endcall %}
|
|
101
|
+
</div>
|
|
102
|
+
<div>
|
|
103
|
+
{% call componentCard({
|
|
104
|
+
"containerClasses": "p-base border border-neutral-base rounded"
|
|
105
|
+
}) %}
|
|
106
|
+
{{ withIconContent | safe }}
|
|
107
|
+
{% endcall %}
|
|
108
|
+
</div>
|
|
109
|
+
<div>
|
|
110
|
+
{% call componentCard({
|
|
111
|
+
"containerClasses": "p-base bg-neutral-lighter border-t-8 border-neutral-dark"
|
|
112
|
+
}) %}
|
|
113
|
+
{{ withButton | safe }}
|
|
114
|
+
{% endcall %}
|
|
115
|
+
</div>
|
|
116
|
+
</div>
|
|
117
|
+
<div class="grid lg:grid-cols-3 gap-xl mb-lg">
|
|
118
|
+
<div>
|
|
119
|
+
{% call componentCard({
|
|
120
|
+
"containerClasses": "p-base bg-neutral-lighter border-t-8 border-neutral-dark",
|
|
121
|
+
"super": {
|
|
122
|
+
"backgroundFullColor": "transparent",
|
|
123
|
+
"backgroundFullUrl": "https://dummyimage.com/320x240/92949b/fff.jpg&text=Imagen",
|
|
124
|
+
"classes": "h-60 -m-base mb-base bg-cover bg-center bg-no-repeat overflow-hidden",
|
|
125
|
+
"attributes": {
|
|
126
|
+
"role": "img",
|
|
127
|
+
"aria-label": "Alt de la imagen"
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
}) %}
|
|
131
|
+
{{ withButton | safe }}
|
|
132
|
+
{% endcall %}
|
|
133
|
+
</div>
|
|
134
|
+
<div>
|
|
135
|
+
{% call componentCard({
|
|
136
|
+
"containerClasses": "p-base bg-neutral-lighter border-t-8 border-neutral-dark",
|
|
137
|
+
"sub": {
|
|
138
|
+
"backgroundFullColor": "transparent",
|
|
139
|
+
"backgroundFullUrl": "https://dummyimage.com/320x240/92949b/fff.jpg&text=Imagen",
|
|
140
|
+
"classes": "h-60 -m-base mt-base bg-cover bg-center bg-no-repeat overflow-hidden",
|
|
141
|
+
"attributes": {
|
|
142
|
+
"role": "img",
|
|
143
|
+
"aria-label": "Alt de la imagen"
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
}) %}
|
|
147
|
+
{{ withButton | safe }}
|
|
148
|
+
{% endcall %}
|
|
149
|
+
</div>
|
|
150
|
+
</div>
|
|
151
|
+
{% call componentCard({
|
|
152
|
+
"classes": "lg:w-2/3 mb-lg",
|
|
153
|
+
"containerClasses": "p-base bg-neutral-lighter border-t-8 border-neutral-dark",
|
|
154
|
+
"super": {
|
|
155
|
+
"backgroundFullColor": "transparent",
|
|
156
|
+
"backgroundFullUrl": "https://dummyimage.com/320x240/92949b/fff.jpg&text=Imagen",
|
|
157
|
+
"classes": "lg:hidden h-60 -m-base mb-base bg-cover bg-center bg-no-repeat overflow-hidden",
|
|
158
|
+
"attributes": {
|
|
159
|
+
"role": "img",
|
|
160
|
+
"aria-label": "Alt de la imagen"
|
|
161
|
+
}
|
|
162
|
+
},
|
|
163
|
+
"left": {
|
|
164
|
+
"backgroundFullColor": "transparent",
|
|
165
|
+
"backgroundFullUrl": "https://dummyimage.com/320x240/92949b/fff.jpg&text=Imagen",
|
|
166
|
+
"classes": "hidden lg:block w-1/2 -m-base mr-base bg-cover bg-center bg-no-repeat overflow-hidden",
|
|
167
|
+
"attributes": {
|
|
168
|
+
"role": "img",
|
|
169
|
+
"aria-label": "Alt de la imagen"
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
}) %}
|
|
173
|
+
{{ withButton | safe }}
|
|
174
|
+
{% endcall %}
|
|
175
|
+
|
|
176
|
+
{% call componentCard({
|
|
177
|
+
"classes": "lg:w-2/3 mb-lg",
|
|
178
|
+
"containerClasses": "p-base bg-neutral-lighter border-t-8 border-neutral-dark",
|
|
179
|
+
"super": {
|
|
180
|
+
"backgroundFullColor": "transparent",
|
|
181
|
+
"backgroundFullUrl": "https://dummyimage.com/320x240/92949b/fff.jpg&text=Imagen",
|
|
182
|
+
"classes": "lg:hidden h-60 -m-base mb-base bg-cover bg-center bg-no-repeat overflow-hidden",
|
|
183
|
+
"attributes": {
|
|
184
|
+
"role": "img",
|
|
185
|
+
"aria-label": "Alt de la imagen"
|
|
186
|
+
}
|
|
187
|
+
},
|
|
188
|
+
"right": {
|
|
189
|
+
"backgroundFullColor": "transparent",
|
|
190
|
+
"backgroundFullUrl": "https://dummyimage.com/320x240/92949b/fff.jpg&text=Imagen",
|
|
191
|
+
"classes": "hidden lg:block w-1/2 -m-base ml-base bg-cover bg-center bg-no-repeat overflow-hidden",
|
|
192
|
+
"attributes": {
|
|
193
|
+
"role": "img",
|
|
194
|
+
"aria-label": "Alt de la imagen"
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
}) %}
|
|
198
|
+
{{ withButton | safe }}
|
|
199
|
+
{% endcall %}
|
|
@@ -225,7 +225,7 @@
|
|
|
225
225
|
"value": "opcion-1",
|
|
226
226
|
"text": "Opción 1",
|
|
227
227
|
"conditional": {
|
|
228
|
-
"html": "<label class=\" block \" for=\"context-email\">Label</label>\n<input class=\" mt-sm px-base py-sm border-black rounded font-semibold leading-normal placeholder-neutral-dark focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-warning-base disabled:bg-neutral-light disabled:border-neutral-base \" name=\"context-email\" type=\"text\" id=\"context-email-1\">\n"
|
|
228
|
+
"html": "<label class=\" block \" for=\"context-email-1\">Label</label>\n<input class=\" mt-sm px-base py-sm border-black rounded font-semibold leading-normal placeholder-neutral-dark focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-warning-base disabled:bg-neutral-light disabled:border-neutral-base \" name=\"context-email-1\" type=\"text\" id=\"context-email-1\">\n"
|
|
229
229
|
}
|
|
230
230
|
},
|
|
231
231
|
{
|
|
@@ -263,7 +263,7 @@
|
|
|
263
263
|
"value": "opcion-1",
|
|
264
264
|
"text": "Opción 1",
|
|
265
265
|
"conditional": {
|
|
266
|
-
"html": "<label class=\" block \" for=\"context-email\">Label</label>\n<input class=\" mt-sm px-base py-sm border-black rounded font-semibold leading-normal placeholder-neutral-dark focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-warning-base disabled:bg-neutral-light disabled:border-neutral-base \" name=\"context-email\" type=\"text\" id=\"context-email-2\">\n"
|
|
266
|
+
"html": "<label class=\" block \" for=\"context-email-2\">Label</label>\n<input class=\" mt-sm px-base py-sm border-black rounded font-semibold leading-normal placeholder-neutral-dark focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-warning-base disabled:bg-neutral-light disabled:border-neutral-base \" name=\"context-email-2\" type=\"text\" id=\"context-email-2\">\n"
|
|
267
267
|
}
|
|
268
268
|
},
|
|
269
269
|
{
|
|
@@ -271,14 +271,14 @@
|
|
|
271
271
|
"text": "Opción 2",
|
|
272
272
|
"checked": true,
|
|
273
273
|
"conditional": {
|
|
274
|
-
"html": "<label class=\" block \" for=\"contact-phone\">Label</label>\n<span id=\"contact-phone-error\" class=\" block font-semibold text-alert-base \">Error: Mensaje de error</span>\n<input class=\" mt-sm px-base py-sm border-black rounded font-semibold leading-normal placeholder-neutral-dark focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-warning-base disabled:bg-neutral-light disabled:border-neutral-base border-alert-base ring-2 ring-alert-base \" name=\"contact-phone\" type=\"text\" id=\"contact-phone-2\" aria-describedby=\"contact-phone-error\">\n"
|
|
274
|
+
"html": "<label class=\" block \" for=\"contact-phone-2\">Label</label>\n<span id=\"contact-phone-2-error\" class=\" block font-semibold text-alert-base \">Error: Mensaje de error</span>\n<input class=\" mt-sm px-base py-sm border-black rounded font-semibold leading-normal placeholder-neutral-dark focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-warning-base disabled:bg-neutral-light disabled:border-neutral-base border-alert-base ring-2 ring-alert-base \" name=\"contact-phone-2\" type=\"text\" id=\"contact-phone-2\" aria-describedby=\"contact-phone-error\">\n"
|
|
275
275
|
}
|
|
276
276
|
},
|
|
277
277
|
{
|
|
278
278
|
"value": "opcion-3",
|
|
279
279
|
"text": "Opción 3",
|
|
280
280
|
"conditional": {
|
|
281
|
-
"html": "<label class=\" block \" for=\"contact-text-message\">Label</label>\n<input class=\" mt-sm px-base py-sm border-black rounded font-semibold leading-normal placeholder-neutral-dark focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-warning-base disabled:bg-neutral-light disabled:border-neutral-base \" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message-2\">\n"
|
|
281
|
+
"html": "<label class=\" block \" for=\"contact-text-message-2\">Label</label>\n<input class=\" mt-sm px-base py-sm border-black rounded font-semibold leading-normal placeholder-neutral-dark focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-warning-base disabled:bg-neutral-light disabled:border-neutral-base \" name=\"contact-text-message-2\" type=\"text\" id=\"contact-text-message-2\">\n"
|
|
282
282
|
}
|
|
283
283
|
}
|
|
284
284
|
]
|
|
@@ -65,81 +65,6 @@
|
|
|
65
65
|
</nav>
|
|
66
66
|
{% endcall %}
|
|
67
67
|
</div>
|
|
68
|
-
<div>
|
|
69
|
-
{% from "components/header-advanced/_macro.header-advanced.njk" import componentHeaderAdvanced %}
|
|
70
|
-
{% call componentHeaderAdvanced({
|
|
71
|
-
"classes": "c-header-advanced--salud",
|
|
72
|
-
"titleContainer": {
|
|
73
|
-
"backgroundColor": "#06857E",
|
|
74
|
-
"classes": "bg-no-repeat bg-cover lg:bg-auto bg-center lg:bg-right bg-salud lg:bg-salud-lg text-white"
|
|
75
|
-
},
|
|
76
|
-
"logo": {
|
|
77
|
-
"url": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjkuNDc3IiBoZWlnaHQ9IjYxLjE3NSIgdmlld0JveD0iMCAwIDEyOS40NzcgNjEuMTc1Ij48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGRhdGEtbmFtZT0iUmVjdMOhbmd1bG8gMjIwIiBmaWxsPSIjZmZmIiBkPSJNMCAwaDEyOS40Nzd2NjEuMTc1SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgZGF0YS1uYW1lPSJHcnVwbyAxNTY1Ij48ZyBkYXRhLW5hbWU9IkdydXBvIDE1NjQiIGNsaXAtcGF0aD0idXJsKCNhKSIgZmlsbD0iI2ZmZiI+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1NzAiIGQ9Ik0yMC4yMjYgMTQuMTMxYTI0LjY0NSAyNC42NDUgMCAwIDAtOC4yMzMtMS40OTFDNS4xMjEgMTIuNjQuNjQ3IDE2LjE0MS42NDcgMjEuNTIzYzAgMy44OSAyLjIgNi4yMjMgNy41ODcgNy45MDlsMi4wMDguNTgyYzIuODUzLjkwOCAzLjc1OCAxLjYyMSAzLjc1OCAzLjE3NyAwIDEuODgtMS44MTUgMy4wNDctNC42NjcgMy4wNDdBMjAuNzY0IDIwLjc2NCAwIDAgMSAwIDMzLjU4djguMTY5YTI3LjEyNCAyNy4xMjQgMCAwIDAgMTAuMjQyIDIuMDFjNy42NSAwIDEyLjktNC4xNSAxMi45LTEwLjM3M2E4LjQ3MSA4LjQ3MSAwIDAgMC0yLjQ2My02LjAyOWMtMS40MjYtMS40MjYtMi4yNjgtMS44MTUtNi45MzUtMy4zMDctMy4zNzItMS4wMzctNC4wMi0xLjQyNi00LjAyLTIuNTkyIDAtMS4yMzIgMS41NTYtMi4wNzUgMy43NTktMi4wNzVhMTQuMzgyIDE0LjM4MiAwIDAgMSA2Ljc0MiAxLjg4WiIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTcxIiBkPSJNMjkuMTMzIDIxLjY1MWExNS4yNzIgMTUuMjcyIDAgMCAxIDguMS0yLjJjNC4wMiAwIDYuMDk0IDEuMzYxIDYuMDk0IDQuMDg1di41ODJhMTYuNTczIDE2LjU3MyAwIDAgMC01LjM4Mi0uODQyYy03LjMyNCAwLTEyLjE4NyA0LjE1LTEyLjE4NyAxMC40MzggMCA1LjgzNCA0LjQwOCAxMC4wNDkgMTAuMzA3IDEwLjA0OWExMS43NzEgMTEuNzcxIDAgMCAwIDcuNjUtMi43ODcgNy4zMzkgNy4zMzkgMCAwIDAgLjcxNCAyLjJoOS4wMTFjLTEuMjIzLTEuNjg1LTEuNjA3LTMuMjQzLTEuNjA3LTcuMTMyVjIyLjgxOWMwLTIuNzg5LS4yNi00LjQxLTEuMDM3LTUuNy0xLjY4Ni0yLjg1NC02LjAyOS00LjQ3NS0xMS44NjQtNC40NzVhMzMuODk0IDMzLjg5NCAwIDAgMC05Ljc5OSAxLjQ4N1ptMTQuMiA4LjA0djUuNjRjLTEuOTQyIDEuMTY2LTIuOTggMS41Ni00LjQwNiAxLjU2LTIuNTI4IDAtNC4zNDMtMS41NTYtNC4zNDMtMy43NTkgMC0yLjQgMi4wMS0zLjk1NiA1LjE4Ni0zLjk1NmExMS42IDExLjYgMCAwIDEgMy41NjMuNTE1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlJlY3TDoW5ndWxvIDIxOCIgZD0iTTU2LjQ3NSAwaDguNDkzdjQzLjE3OGgtOC40OTN6Ii8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1NzIiIGQ9Ik05Ni4yNTUgMTMuMjkxaC04LjU1NlYzMy41OGE3LjczMiA3LjczMiAwIDAgMS01LjE4OCAyLjJjLTMuMTc2IDAtNC40NzItMS45NDUtNC40NzItNi40ODNWMTMuMjkxaC04LjU1OHYxOC44YzAgMy43NjEuNjQ3IDYuMjI0IDIuMiA4LjE2OWExMC4zMzUgMTAuMzM1IDAgMCAwIDguMTY5IDMuNSAxMS4xNiAxMS4xNiAwIDAgMCA4LjMtMy40MzZ2Mi44NTJoOC4xWiIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTczIiBkPSJNMTI5LjM3NiAwaC04LjQ5M3YxNC4zMjdhMTIuODk0IDEyLjg5NCAwIDAgMC02LjYxMi0xLjY4NmMtOC4yMzQgMC0xNC4yIDYuNjc4LTE0LjIgMTUuODgzIDAgOC45NDggNS41NzQgMTUuMjM2IDEzLjM1NSAxNS4yMzZhMTAuMjMzIDEwLjIzMyAwIDAgMCA3Ljc4LTMuMTc3djIuNTkzaDguMTY4Wm0tOC40OTMgMjIuMDQxdjExLjQxMWE3LjQ0NCA3LjQ0NCAwIDAgMS01LjA1NyAyLjA3NWMtMy44MjQgMC02LjYxMy0zLjE3OS02LjYxMy03LjQ1NyAwLTQuNDA4IDIuODU0LTcuNTg1IDYuODczLTcuNTg1YTguMzU4IDguMzU4IDAgMCAxIDQuOCAxLjU1NiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1NzQiIGQ9Ik0uNTc3IDUzLjIzMmMyLjE0NiAyLjMxIDguNzgzLjU5NCA4Ljc4My41OTRsMjIuMTgzLTQuMmM2LjQwNi0xLjA1IDkuNzQ0LjY3NiA5Ljc0NC42NzZsNi4wOSAzLjA0N3YtNS45MDhILjU3N1oiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU3NSIgZD0iTS41NzcgNTMuMjMyYzIuMTQ2IDIuMzEgOC43ODMuNTk0IDguNzgzLjU5NGwyMi4xODMtNC4yYzYuNDA2LTEuMDUgOS43NDQuNjc2IDkuNzQ0LjY3Nmw2LjA5IDMuMDQ3di01LjkwOEguNTc3WiIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTc2IiBkPSJNNDcuMzcgNTUuNDM3Yy0yLjE0Ni0yLjMxLTguNzgyLS41OTQtOC43ODItLjU5NGwtMjIuMTgzIDQuMmMtNi40MDggMS4wNS05Ljc0NS0uNjc2LTkuNzQ1LS42NzZMLjU3NiA1NS4zMnY1Ljc0aDQ2LjhaIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1NzciIGQ9Ik00Ny4zNyA1NS40MzdjLTIuMTQ2LTIuMzEtOC43ODItLjU5NC04Ljc4Mi0uNTk0bC0yMi4xODMgNC4yYy02LjQwOCAxLjA1LTkuNzQ1LS42NzYtOS43NDUtLjY3NkwuNTc2IDU1LjMydjUuNzRoNDYuOFoiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU3OCIgZD0iTTU1LjkzNSA1NC4wMzhoLS43Njl2Mi40MzJhMS45MzUgMS45MzUgMCAwIDAtMS4xMjYtLjMxNiAyLjM1NCAyLjM1NCAwIDAgMC0yLjMxMyAyLjYgMi4xODEgMi4xODEgMCAwIDAgMi4xNDYgMi40MiAxLjk3NyAxLjk3NyAwIDAgMCAxLjMyNS0uNDgzdi4zNTdoLjczN1ptLS43NjkgMy4xNzd2Mi43ODdhMS42IDEuNiAwIDAgMS0xLjEyNi40NzQgMS41NzQgMS41NzQgMCAwIDEtMS41MTQtMS43NzQgMS42MzkgMS42MzkgMCAwIDEgMS41NzgtMS44MzkgMS43NjQgMS43NjQgMCAwIDEgMS4wNjIuMzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU3OSIgZD0iTTYxLjYxMyA1OC40NDFhMy44NDMgMy44NDMgMCAwIDAtLjIxLTEuMDMyIDEuODQ1IDEuODQ1IDAgMCAwLTEuNzgtMS4yNTFjLTEuMjMxIDAtMi4wNjIgMS0yLjA2MiAyLjQ2MWEyLjM4NiAyLjM4NiAwIDAgMCAyLjQyIDIuNTU2IDMuMSAzLjEgMCAwIDAgMS42LS40MzF2LS45MjZhMi4wNDEgMi4wNDEgMCAwIDEtMS41LjY2MyAxLjcwNSAxLjcwNSAwIDAgMS0xLjctMS44NTJ2LS4xNzhabS0uOTE1LS42OTVoLTIuMjA3YTEuMTE0IDEuMTE0IDAgMCAxIDEuMTM2LS44ODMgMS4wMzYgMS4wMzYgMCAwIDEgMS4wNzIuODgzIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU4MCIgZD0iTTY4LjM2IDU2LjM5OWEyLjgxNCAyLjgxNCAwIDAgMC0xLjEzNi0uMjQxYy0uOTY4IDAtMS42MzEuNTI0LTEuNjMxIDEuMyAwIC41NjguMjc1LjgyMSAxLjI5NSAxLjE4OC45NDYuMzU4IDEuMTM0LjUxNiAxLjEzNC45NTggMCAuNTI2LS40NTEuODczLTEuMTQ2Ljg3M2EyLjk0IDIuOTQgMCAwIDEtMS40NjItLjQ0MXYuODM5YTQuNTMyIDQuNTMyIDAgMCAwIDEuNDMuMjk1YzEuMTU3IDAgMS45OS0uNjczIDEuOTktMS42MmExLjMyMSAxLjMyMSAwIDAgMC0uNC0uOTU4IDIuNjcyIDIuNjcyIDAgMCAwLTEuMTQ2LS41NzZjLS43NDgtLjI2My0uODg2LS4zNTgtLjg4Ni0uNjIxIDAtLjMxNi4zNi0uNTM2Ljg1NC0uNTM2YTIuMjIgMi4yMiAwIDAgMSAxLjEuMzI1WiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1ODEiIGQ9Ik03MC42NDQgNTcuMTlhMi42MDggMi42MDggMCAwIDEgMS4zLS4zMjdjLjY5NCAwIDEuMDYyLjI1MyAxLjA2Mi43Mzd2LjNhMi45NjIgMi45NjIgMCAwIDAtLjk2OC0uMTU3IDEuOCAxLjggMCAwIDAtMS45NjMgMS43NzEgMS42MjcgMS42MjcgMCAwIDAgMS42NjMgMS42NjIgMS45MjcgMS45MjcgMCAwIDAgMS4xNjYtLjQuOTUuOTUgMCAwIDAgLjEyNi0uMDg0Ljk2My45NjMgMCAwIDAgLjEyNy4zNTdoLjgzMWExLjUyIDEuNTIgMCAwIDEtLjIxLS45bC4wMDktLjE0N3YtMi40MzRhMi4wNjggMi4wNjggMCAwIDAtLjEtLjcwNWMtLjE5MS0uNDQxLS44NDItLjctMS43MTUtLjdhMy42MyAzLjYzIDAgMCAwLTEuMzI1LjI0Wm0yLjM2NSAxLjMzNXYxLjQ4NGExLjYwOSAxLjYwOSAwIDAgMS0xLjA3Mi40NzQgMS4wMTEgMS4wMTEgMCAwIDEtMS4wNjItLjk4YzAtLjY0Mi41MzYtMS4wNTIgMS4zNTctMS4wNTJhNS4xNDQgNS4xNDQgMCAwIDEgLjc3Ny4wNzQiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iUmVjdMOhbmd1bG8gMjE5IiBkPSJNNzUuNjY4IDU0LjA0M2guNzY5djcuMDA1aC0uNzY5eiIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTgyIiBkPSJNODIuMTUyIDU2LjI4NWgtLjc3N3YzLjYwOGExLjc3MiAxLjc3MiAwIDAgMS0xLjI1MS41OWMtLjczNyAwLTEuMDQyLS40MTItMS4wNDItMS4zNjh2LTIuODNoLS43NzR2My4wNzJjMCAxLjE3OC42IDEuODE5IDEuNjkzIDEuODE5YTEuOTI4IDEuOTI4IDAgMCAwIDEuNC0uNTU4bC4wMTIuNDMxaC43NDZaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU4MyIgZD0iTTg3Ljk4NiA1NC4wMzhoLS43Njl2Mi40MzJhMS45MzUgMS45MzUgMCAwIDAtMS4xMjYtLjMxNiAyLjM1NCAyLjM1NCAwIDAgMC0yLjMxMyAyLjYgMi4xODEgMi4xODEgMCAwIDAgMi4xNDYgMi40MiAxLjk3OCAxLjk3OCAwIDAgMCAxLjMyNS0uNDgzdi4zNTdoLjczN1ptLS43NjkgMy4xNzd2Mi43ODdhMS42IDEuNiAwIDAgMS0xLjEyNi40NzQgMS41NzQgMS41NzQgMCAwIDEtMS41MTQtMS43NzkgMS42MzkgMS42MzkgMCAwIDEgMS41NzgtMS44MzkgMS43NjQgMS43NjQgMCAwIDEgMS4wNjIuMzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU4NCIgZD0iTTU0LjUxNCA0Ny42YTIuODA5IDIuODA5IDAgMCAwLTEuMTM2LS4yNDFjLS45NjcgMC0xLjYzLjUyNC0xLjYzIDEuMyAwIC41NjguMjczLjgxOSAxLjI5MyAxLjE4OC45NDYuMzU4IDEuMTM2LjUxNiAxLjEzNi45NTggMCAuNTI2LS40NTIuODcxLTEuMTQ2Ljg3MWEyLjkyMSAyLjkyMSAwIDAgMS0xLjQ2Mi0uNDQxdi44NDZhNC41MzIgNC41MzIgMCAwIDAgMS40My4yOTVjMS4xNTcgMCAxLjk4OC0uNjczIDEuOTg4LTEuNjJhMS4zMjEgMS4zMjEgMCAwIDAtLjQtLjk1OCAyLjY2OCAyLjY2OCAwIDAgMC0xLjE0Ni0uNTc4Yy0uNzQ3LS4yNjItLjg4NC0uMzU3LS44ODQtLjYyIDAtLjMxNi4zNTgtLjUzNi44NTItLjUzNmEyLjIyIDIuMjIgMCAwIDEgMS4xLjMyNVoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTg1IiBkPSJNNjAuMjM2IDQ5LjY0YTMuOTYxIDMuOTYxIDAgMCAwLS4yMS0xLjAzIDEuODQ0IDEuODQ0IDAgMCAwLTEuNzc3LTEuMjUxYy0xLjIzMSAwLTIuMDYyIDEtMi4wNjIgMi40NjFhMi4zODUgMi4zODUgMCAwIDAgMi40MTkgMi41NTYgMy4wOTMgMy4wOTMgMCAwIDAgMS42LS40MzJ2LS45MjVhMi4wNDEgMi4wNDEgMCAwIDEtMS41LjY2MiAxLjcgMS43IDAgMCAxLTEuNy0xLjg1MXYtLjE3OFptLS45MTUtLjY5NGgtMi4yMDhhMS4xMTUgMS4xMTUgMCAwIDEgMS4xMzctLjg4MyAxLjAzNyAxLjAzNyAwIDAgMSAxLjA3Mi44ODMiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTg2IiBkPSJNNjEuODIgNDcuNDg2djQuNzY0aC43Nzd2LTMuNjA4YTEuMzg0IDEuMzg0IDAgMCAxIDEuMDExLS41IDEuNDM4IDEuNDM4IDAgMCAxIC43NzcuMjUzdi0uOGExLjUzOCAxLjUzOCAwIDAgMC0uNjczLS4xNTcgMS41OSAxLjU5IDAgMCAwLTEuMTQ3LjQ5NHYtLjQ0MloiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTg3IiBkPSJNNjkuNzExIDQ3LjQ4NmgtLjgzOWwtMS4yOTUgMy43LTEuMzU3LTMuN2gtLjg0MmwxLjc4OSA0Ljc2NGguOFoiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU4OCIgZD0iTTcwLjk4NCA1Mi4yNTFoLjc2OXYtNC43NjRoLS43NjlabS45MzYtNi4xNzVhLjU1Mi41NTIgMCAwIDAtLjU0Ni0uNTU2LjU2MS41NjEgMCAwIDAtLjU1OC41NTYuNTUyLjU1MiAwIDAgMCAxLjEgMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1ODkiIGQ9Ik03Ni44NTkgNDcuNTY5YTIuMjA4IDIuMjA4IDAgMCAwLTEuMDItLjIxIDIuNDU5IDIuNDU5IDAgMCAwLTIuNDYxIDIuNTU2IDIuMzY3IDIuMzY3IDAgMCAwIDIuMzY1IDIuNDYxIDIuOTUxIDIuOTUxIDAgMCAwIDEuMTE1LS4ydi0uODA5YTEuODQ4IDEuODQ4IDAgMCAxLTEuMDMyLjMxNSAxLjY4NiAxLjY4NiAwIDAgMS0xLjY1MS0xLjc3NyAxLjcxOCAxLjcxOCAwIDAgMSAxLjY2My0xLjgzOSAxLjgyIDEuODIgMCAwIDEgMS4wMi4zMTRaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU5MCIgZD0iTTc4LjM5OSA1Mi4yNTFoLjc2OXYtNC43NjRoLS43NjlabS45MzYtNi4xNzVhLjU1Mi41NTIgMCAwIDAtLjU0Ni0uNTU2LjU2MS41NjEgMCAwIDAtLjU1OC41NTYuNTUyLjU1MiAwIDAgMCAxLjEgMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1OTEiIGQ9Ik04NS4zNjcgNDkuODgxYTIuMyAyLjMgMCAxIDAtNC41NzQuMDEgMi4zIDIuMyAwIDEgMCA0LjU3NC0uMDFtLS44MDkuMDJjMCAxLjA3Mi0uNiAxLjc3Ny0xLjQ5NCAxLjc3Ny0uODczIDAtMS40NzItLjcxNC0xLjQ3Mi0xLjc3NyAwLTEuMTI2LjU5LTEuODUxIDEuNDk0LTEuODUxczEuNDcyLjcxNSAxLjQ3MiAxLjg1MSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1OTIiIGQ9Ik04OS45NzggNDguMzlhMi42IDIuNiAwIDAgMSAxLjMtLjMyN2MuNjk1IDAgMS4wNjMuMjUzIDEuMDYzLjczNXYuMzA2YTIuOTY3IDIuOTY3IDAgMCAwLS45NjgtLjE1NyAxLjggMS44IDAgMCAwLTEuOTY2IDEuNzY2IDEuNjI3IDEuNjI3IDAgMCAwIDEuNjY1IDEuNjY4IDEuOTMxIDEuOTMxIDAgMCAwIDEuMTY3LS40LjgzOS44MzkgMCAwIDAgLjEyNi0uMDg1Ljk2MS45NjEgMCAwIDAgLjEyNy4zNThoLjgyOWExLjUyMyAxLjUyMyAwIDAgMS0uMjEtLjlsLjAxLS4xNDd2LTIuNDM4YTIuMDIyIDIuMDIyIDAgMCAwLS4xLS43MDVjLS4xOTEtLjQ0Mi0uODQyLS43LTEuNzE0LS43YTMuNjM3IDMuNjM3IDAgMCAwLTEuMzI2LjI0Wm0yLjM2NyAxLjMzNXYxLjQ4MmExLjYgMS42IDAgMCAxLTEuMDcyLjQ3NCAxLjAxMSAxLjAxMSAwIDAgMS0xLjA2My0uOTc4YzAtLjY0Mi41MzctMS4wNTIgMS4zNTctMS4wNTJhNS4xNDQgNS4xNDQgMCAwIDEgLjc3OS4wNzQiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTkzIiBkPSJNOTQuOTkzIDQ3LjQ4NnY0Ljc2NGguNzc3di0zLjYwOGExLjM4NCAxLjM4NCAwIDAgMSAxLjAxMS0uNSAxLjQzOCAxLjQzOCAwIDAgMSAuNzc3LjI1M3YtLjhhMS41MzcgMS41MzcgMCAwIDAtLjY3Mi0uMTU3IDEuNTkxIDEuNTkxIDAgMCAwLTEuMTQ5LjQ5NHYtLjQ0MloiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTk0IiBkPSJNOTkuMjU2IDQ4LjM5YTIuNiAyLjYgMCAwIDEgMS4zLS4zMjdjLjY5NSAwIDEuMDYzLjI1MyAxLjA2My43MzV2LjMwNmEyLjk2OCAyLjk2OCAwIDAgMC0uOTY4LS4xNTcgMS44IDEuOCAwIDAgMC0xLjk2NyAxLjc2NiAxLjYyNiAxLjYyNiAwIDAgMCAxLjY2NiAxLjY2OCAxLjkzMSAxLjkzMSAwIDAgMCAxLjE2Ny0uNC45Mi45MiAwIDAgMCAuMTI2LS4wODUuOTYxLjk2MSAwIDAgMCAuMTI3LjM1OGguODI5YTEuNTIzIDEuNTIzIDAgMCAxLS4yMS0uOWwuMDEtLjE0N3YtMi40MzhhMi4wNTYgMi4wNTYgMCAwIDAtLjEtLjcwNWMtLjE5MS0uNDQyLS44NDItLjctMS43MTUtLjdhMy42MyAzLjYzIDAgMCAwLTEuMzI1LjI0Wm0yLjM2NyAxLjMzNXYxLjQ4MmExLjYgMS42IDAgMCAxLTEuMDcyLjQ3NCAxLjAxIDEuMDEgMCAwIDEtMS4wNjMtLjk3OGMwLS42NDIuNTM3LTEuMDUyIDEuMzU3LTEuMDUyYTUuMTYxIDUuMTYxIDAgMCAxIC43NzkuMDc0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU5NSIgZD0iTTEwOC4xODEgNDYuNjMxYS45ODYuOTg2IDAgMCAwLS40NDEtLjA4NWMtLjUzNiAwLS44NzQuMjIzLTEuMzE1Ljg4NGEyLjAyNSAyLjAyNSAwIDAgMC0uNTQ4LS4wNzIgMS42NTUgMS42NTUgMCAwIDAtMS43NTkgMS41OSAxLjQgMS40IDAgMCAwIC44NjEgMS4zYy0uNDQxLjA5NC0uNjYuMjk1LS42Ni42MXMuMjA5LjUuNi41NjhhMS40NDYgMS40NDYgMCAwIDAtMS4yNTEgMS40MmMwIDEgLjkxNiAxLjY3MiAyLjI4MSAxLjY3MiAxLjMyNiAwIDIuMjIxLS43IDIuMjIxLTEuNzY3YTEuNDIxIDEuNDIxIDAgMCAwLS41NzktMS4xNzggMy4wMzMgMy4wMzMgMCAwIDAtMS43ODctLjQzMWMtLjQ3NC0uMDEyLS42NzMtLjEwNS0uNjczLS4zNDggMC0uMjIxLjE4OS0uMzE1LjYyLS4zMTVhMi41MDUgMi41MDUgMCAwIDAgMS4wOTQtLjE1NyAxLjQ2NiAxLjQ2NiAwIDAgMCAuMDc0LTIuNy43MjQuNzI0IDAgMCAxIC42MzEtLjM3OS45NTMuOTUzIDAgMCAxIC42My4yNzVabS0xLjIgMi4zMzVhLjkzOC45MzggMCAwIDEtMS4wNjIuOS44OTIuODkyIDAgMCAxLS45OS0uOS45MjcuOTI3IDAgMCAxIDEuMDMyLS45Ljk0OS45NDkgMCAwIDEgMS4wMi45bS0xLjA2MyAyLjc5OWMuOSAwIDEuNDQxLjM3OSAxLjQ0MSAxLjAxIDAgLjY1My0uNTQ4IDEuMDUtMS40NzIgMS4wNS0uODYzIDAtMS40Mi0uNDE5LTEuNDItMS4wNXMuNTM2LTEuMDEgMS40NTItMS4wMSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1OTYiIGQ9Ik0xMTMuNzg4IDQ5Ljg4MWEyLjMgMi4zIDAgMSAwLTQuNTc0LjAxIDIuMyAyLjMgMCAxIDAgNC41NzQtLjAxbS0uODA5LjAyYzAgMS4wNzItLjYgMS43NzctMS40OTQgMS43NzctLjg3MyAwLTEuNDcyLS43MTQtMS40NzItMS43NzcgMC0xLjEyNi41OS0xLjg1MSAxLjQ5NC0xLjg1MXMxLjQ3Mi43MTUgMS40NzIgMS44NTEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTk3IiBkPSJNMTE1LjQxNCA0Ny40ODF2NC43NjRoLjc3N3YtMy41NjRhMS42MDUgMS42MDUgMCAwIDEgMS4yMzEtLjYyMWMuNzQ3IDAgMS4wNC4zOSAxLjA1MiAxLjM3OHYyLjgwN2guNzY5di0yLjk2NGExLjkwNyAxLjkwNyAwIDAgMC0uMzI3LTEuMyAxLjcgMS43IDAgMCAwLTEuMzc3LS42MiAxLjkgMS45IDAgMCAwLTEuMzguNTY4di0uNDQ4WiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1OTgiIGQ9Ik0xMjQuODk2IDQ5LjY0MWEzLjc4IDMuNzggMCAwIDAtLjIxMS0xLjAzIDEuODQyIDEuODQyIDAgMCAwLTEuNzc4LTEuMjUxYy0xLjIzIDAtMi4wNiAxLTIuMDYgMi40NTlhMi4zODUgMi4zODUgMCAwIDAgMi40MiAyLjU1MyAzLjA5IDMuMDkgMCAwIDAgMS42LS40MzJ2LS45MjVhMi4wNDcgMi4wNDcgMCAwIDEtMS41LjY2MiAxLjcgMS43IDAgMCAxLTEuNy0xLjg1MXYtLjE3NFptLS45MTUtLjY5NGgtMi4yMDdhMS4xMTEgMS4xMTEgMCAwIDEgMS4xMzQtLjg4MyAxLjAzOCAxLjAzOCAwIDAgMSAxLjA3NC44ODNtLS4yMTEtMy41NjZoLTEuMDJsLS44MzEgMS4yNzFoLjcyNVoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTk5IiBkPSJNMTI5LjAwNCA0Ny42YTIuODExIDIuODExIDAgMCAwLTEuMTM3LS4yNDFjLS45NjcgMC0xLjYyOC41MjQtMS42MjggMS4zIDAgLjU2OC4yNzMuODE5IDEuMjkzIDEuMTg4Ljk0Ni4zNTggMS4xMzYuNTE2IDEuMTM2Ljk1OCAwIC41MjYtLjQ1Mi44NzEtMS4xNDcuODcxYTIuOTI1IDIuOTI1IDAgMCAxLTEuNDYyLS40NDF2Ljg0NmE0LjU0IDQuNTQgMCAwIDAgMS40MzIuMjk1YzEuMTU3IDAgMS45ODgtLjY3MyAxLjk4OC0xLjYyYTEuMzIxIDEuMzIxIDAgMCAwLS40LS45NTggMi42NzcgMi42NzcgMCAwIDAtMS4xNDYtLjU3OGMtLjc0OC0uMjYyLS44ODQtLjM1Ny0uODg0LS42MiAwLS4zMTYuMzU4LS41MzYuODUyLS41MzZhMi4yMiAyLjIyIDAgMCAxIDEuMS4zMjVaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PC9nPjwvc3ZnPg==",
|
|
78
|
-
"alt": "Servicio Aragonés de Salud",
|
|
79
|
-
"classes": "inline-block w-16 lg:w-28 h-auto mb-base focus:outline-none focus:shadow-outline-black"
|
|
80
|
-
},
|
|
81
|
-
"title": {
|
|
82
|
-
"homepageUrl": "/",
|
|
83
|
-
"text": "Salud Informa"
|
|
84
|
-
},
|
|
85
|
-
"subtitle": {
|
|
86
|
-
"text": "Te ayudamos a coger las riendas de tu salud y bienestar."
|
|
87
|
-
},
|
|
88
|
-
"navigation": {
|
|
89
|
-
"items": [
|
|
90
|
-
{
|
|
91
|
-
"href": "#1",
|
|
92
|
-
"text": "Inicio"
|
|
93
|
-
},
|
|
94
|
-
{
|
|
95
|
-
"href": "#2",
|
|
96
|
-
"text": "Navigation item 2",
|
|
97
|
-
"active": true
|
|
98
|
-
},
|
|
99
|
-
{
|
|
100
|
-
"href": "#3",
|
|
101
|
-
"text": "Navigation item 3"
|
|
102
|
-
},
|
|
103
|
-
{
|
|
104
|
-
"href": "#4",
|
|
105
|
-
"text": "Navigation item 4"
|
|
106
|
-
}
|
|
107
|
-
]
|
|
108
|
-
},
|
|
109
|
-
"offcanvas": {
|
|
110
|
-
"text": "Menú",
|
|
111
|
-
"textClose": "Cerrar menu",
|
|
112
|
-
"labelledId": "offcanvas-title"
|
|
113
|
-
}
|
|
114
|
-
}) %}
|
|
115
|
-
<nav class="w-full p-2" aria-label="Menú móvil">
|
|
116
|
-
<h3 class="p-base text-base font-bold">Titulo de cabecera</h3>
|
|
117
|
-
<!-- nav -->
|
|
118
|
-
<ul class="text-sm" aria-label="Lista de páginas">
|
|
119
|
-
<li>
|
|
120
|
-
<span class="flex items-center px-base py-sm font-semibold" aria-current="page" id="nav-mobile-pages">
|
|
121
|
-
<strong>Inicio</strong>
|
|
122
|
-
</span>
|
|
123
|
-
</li>
|
|
124
|
-
<li>
|
|
125
|
-
<a href="#" class="flex items-center px-base py-sm hover:bg-primary-base hover:text-white focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black" id="nav-mobile-pages-2">
|
|
126
|
-
Navigation item 2
|
|
127
|
-
</a>
|
|
128
|
-
</li>
|
|
129
|
-
<li>
|
|
130
|
-
<a href="#" class="flex items-center px-base py-sm hover:bg-primary-base hover:text-white focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black" id="nav-mobile-pages-3">
|
|
131
|
-
Navigation item 3
|
|
132
|
-
</a>
|
|
133
|
-
</li>
|
|
134
|
-
<li>
|
|
135
|
-
<a href="#" class="flex items-center px-base py-sm hover:bg-primary-base hover:text-white focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black" id="nav-mobile-pages-3">
|
|
136
|
-
Navigation item 4
|
|
137
|
-
</a>
|
|
138
|
-
</li>
|
|
139
|
-
</ul>
|
|
140
|
-
</nav>
|
|
141
|
-
{% endcall %}
|
|
142
|
-
</div>
|
|
143
68
|
<div>
|
|
144
69
|
|
|
145
70
|
</div>
|