temp fix for carousel

This commit is contained in:
Nuno Coração 2023-03-09 22:56:12 +00:00
parent 40e81ce0ef
commit 9a1a1b70da
6 changed files with 3179 additions and 2260 deletions

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -10,8 +10,8 @@
{{ $num := 0 }} {{ $num := 0 }}
{{ range $images }} {{ range $images }}
<button type="button" data-bs-target="#{{ $id }}" data-bs-slide-to="{{ $num }}" <button type="button" data-bs-target="#{{ $id }}" data-bs-slide-to="{{ $num }}" {{ if eq $num 0 }}
{{ if eq $num 0 }} class="active" aria-current="true" {{ end }} aria-label="Slide {{ $num }}"></button> class="active" aria-current="true" {{ end }} aria-label="Slide {{ $num }}"></button>
{{ $num = add $num 1 }} {{ $num = add $num 1 }}
{{ end }} {{ end }}
@ -23,23 +23,29 @@
{{ range $images }} {{ range $images }}
<div class="carousel-item {{ if eq $num 0 }} active {{ end }} relative float-left w-full ratio-{{ $aspect }} single_hero_background" <div class="carousel-item {{ if eq $num 0 }} active {{ end }} relative float-left w-full ratio-{{ $aspect }} single_hero_background"
style="background-image:url({{ . }})" style="background-image:url({{ . }})" data-bs-interval="{{ $interval }}"></div>
data-bs-interval="{{ $interval }}"
></div>
{{ $num = add $num 1 }} {{ $num = add $num 1 }}
{{ end }} {{ end }}
</div> </div>
<button <button
class="carousel-control-prev absolute top-0 bottom-0 flex items-center justify-center p-0 text-center border-0 hover:outline-none hover:no-underline focus:outline-none focus:no-underline left-0" class="absolute top-0 bottom-0 left-0 z-[1] flex w-[15%] items-center justify-center border-0 bg-none p-0 text-center text-white opacity-50 transition-opacity duration-150 ease-[cubic-bezier(0.25,0.1,0.25,1.0)] hover:text-white hover:no-underline hover:opacity-90 hover:outline-none focus:text-white focus:no-underline focus:opacity-90 focus:outline-none motion-reduce:transition-none"
type="button" data-bs-target="#{{ $id }}" data-bs-slide="prev"> type="button" data-te-target="#{{ $id }}" data-te-slide="prev">
<span class="carousel-control-prev-icon inline-block bg-no-repeat" aria-hidden="true"></span> <span class="inline-block h-8 w-8">
<span class="visually-hidden">Previous</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" class="h-6 w-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
</svg>
</span>
</button> </button>
<button <button
class="carousel-control-next absolute top-0 bottom-0 flex items-center justify-center p-0 text-center border-0 hover:outline-none hover:no-underline focus:outline-none focus:no-underline right-0" class="absolute top-0 bottom-0 right-0 z-[1] flex w-[15%] items-center justify-center border-0 bg-none p-0 text-center text-white opacity-50 transition-opacity duration-150 ease-[cubic-bezier(0.25,0.1,0.25,1.0)] hover:text-white hover:no-underline hover:opacity-90 hover:outline-none focus:text-white focus:no-underline focus:opacity-90 focus:outline-none motion-reduce:transition-none"
type="button" data-bs-target="#{{ $id }}" data-bs-slide="next"> type="button" data-te-target="#{{ $id }}" data-te-slide="next">
<span class="carousel-control-next-icon inline-block bg-no-repeat" aria-hidden="true"></span> <span class="inline-block h-8 w-8">
<span class="visually-hidden">Next</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" class="h-6 w-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
</svg>
</span>
</button> </button>
</div> </div>

98
package-lock.json generated
View file

@ -27,7 +27,7 @@
"prettier-plugin-tailwindcss": "^0.2.4", "prettier-plugin-tailwindcss": "^0.2.4",
"rimraf": "^4.4.0", "rimraf": "^4.4.0",
"tailwindcss": "^3.2.7", "tailwindcss": "^3.2.7",
"tw-elements": "^1.0.0-beta1", "tw-elements": "1.0.0-alpha13",
"typeit": "^8.7.1", "typeit": "^8.7.1",
"vendor-copy": "^3.0.1" "vendor-copy": "^3.0.1"
} }
@ -1302,9 +1302,9 @@
} }
}, },
"node_modules/tw-elements": { "node_modules/tw-elements": {
"version": "1.0.0-beta1", "version": "1.0.0-alpha13",
"resolved": "https://registry.npmjs.org/tw-elements/-/tw-elements-1.0.0-beta1.tgz", "resolved": "https://registry.npmjs.org/tw-elements/-/tw-elements-1.0.0-alpha13.tgz",
"integrity": "sha512-N7YBHpco5kOBGwPzCrnyxTbjFreb7SisEFw+paJpUHGgZUwdI6KUP2QJzM3YZSFrcigWIjRwR0jOb/PQcIuk5g==", "integrity": "sha512-lz1D583ZGDF4s8e89dmXkhfD8m2abgAlaK8/J6cAEm3DLxz7RtqKdunzja6xcKxDZO3bXEd6oGNdQ5QHpyCqrg==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"@popperjs/core": "^2.6.0", "@popperjs/core": "^2.6.0",
@ -1312,9 +1312,9 @@
"chartjs-plugin-datalabels": "^0.7.0", "chartjs-plugin-datalabels": "^0.7.0",
"deepmerge": "^4.2.2", "deepmerge": "^4.2.2",
"detect-autofill": "^1.1.3", "detect-autofill": "^1.1.3",
"perfect-scrollbar": "^1.5.5", "perfect-scrollbar": "^1.5.0",
"popper.js": "^1.16.1", "popper.js": "^1.16.1",
"tailwindcss": "3.2.4" "tailwindcss": "~3.0.7"
} }
}, },
"node_modules/tw-elements/node_modules/chart.js": { "node_modules/tw-elements/node_modules/chart.js": {
@ -1336,35 +1336,52 @@
"chart.js": ">= 2.7.0 < 3" "chart.js": ">= 2.7.0 < 3"
} }
}, },
"node_modules/tw-elements/node_modules/tailwindcss": { "node_modules/tw-elements/node_modules/postcss-nested": {
"version": "3.2.4", "version": "5.0.6",
"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.2.4.tgz", "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-5.0.6.tgz",
"integrity": "sha512-AhwtHCKMtR71JgeYDaswmZXhPcW9iuI9Sp2LvZPo9upDZ7231ZJ7eA9RaURbhpXGVlrjX4cFNlB4ieTetEb7hQ==", "integrity": "sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"arg": "^5.0.2", "postcss-selector-parser": "^6.0.6"
},
"engines": {
"node": ">=12.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/postcss/"
},
"peerDependencies": {
"postcss": "^8.2.14"
}
},
"node_modules/tw-elements/node_modules/tailwindcss": {
"version": "3.0.24",
"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.0.24.tgz",
"integrity": "sha512-H3uMmZNWzG6aqmg9q07ZIRNIawoiEcNFKDfL+YzOPuPsXuDXxJxB9icqzLgdzKNwjG3SAro2h9SYav8ewXNgig==",
"dev": true,
"dependencies": {
"arg": "^5.0.1",
"chokidar": "^3.5.3", "chokidar": "^3.5.3",
"color-name": "^1.1.4", "color-name": "^1.1.4",
"detective": "^5.2.1", "detective": "^5.2.0",
"didyoumean": "^1.2.2", "didyoumean": "^1.2.2",
"dlv": "^1.1.3", "dlv": "^1.1.3",
"fast-glob": "^3.2.12", "fast-glob": "^3.2.11",
"glob-parent": "^6.0.2", "glob-parent": "^6.0.2",
"is-glob": "^4.0.3", "is-glob": "^4.0.3",
"lilconfig": "^2.0.6", "lilconfig": "^2.0.5",
"micromatch": "^4.0.5",
"normalize-path": "^3.0.0", "normalize-path": "^3.0.0",
"object-hash": "^3.0.0", "object-hash": "^3.0.0",
"picocolors": "^1.0.0", "picocolors": "^1.0.0",
"postcss": "^8.4.18", "postcss": "^8.4.12",
"postcss-import": "^14.1.0",
"postcss-js": "^4.0.0", "postcss-js": "^4.0.0",
"postcss-load-config": "^3.1.4", "postcss-load-config": "^3.1.4",
"postcss-nested": "6.0.0", "postcss-nested": "5.0.6",
"postcss-selector-parser": "^6.0.10", "postcss-selector-parser": "^6.0.10",
"postcss-value-parser": "^4.2.0", "postcss-value-parser": "^4.2.0",
"quick-lru": "^5.1.1", "quick-lru": "^5.1.1",
"resolve": "^1.22.1" "resolve": "^1.22.0"
}, },
"bin": { "bin": {
"tailwind": "lib/cli.js", "tailwind": "lib/cli.js",
@ -2276,9 +2293,9 @@
} }
}, },
"tw-elements": { "tw-elements": {
"version": "1.0.0-beta1", "version": "1.0.0-alpha13",
"resolved": "https://registry.npmjs.org/tw-elements/-/tw-elements-1.0.0-beta1.tgz", "resolved": "https://registry.npmjs.org/tw-elements/-/tw-elements-1.0.0-alpha13.tgz",
"integrity": "sha512-N7YBHpco5kOBGwPzCrnyxTbjFreb7SisEFw+paJpUHGgZUwdI6KUP2QJzM3YZSFrcigWIjRwR0jOb/PQcIuk5g==", "integrity": "sha512-lz1D583ZGDF4s8e89dmXkhfD8m2abgAlaK8/J6cAEm3DLxz7RtqKdunzja6xcKxDZO3bXEd6oGNdQ5QHpyCqrg==",
"dev": true, "dev": true,
"requires": { "requires": {
"@popperjs/core": "^2.6.0", "@popperjs/core": "^2.6.0",
@ -2286,9 +2303,9 @@
"chartjs-plugin-datalabels": "^0.7.0", "chartjs-plugin-datalabels": "^0.7.0",
"deepmerge": "^4.2.2", "deepmerge": "^4.2.2",
"detect-autofill": "^1.1.3", "detect-autofill": "^1.1.3",
"perfect-scrollbar": "^1.5.5", "perfect-scrollbar": "^1.5.0",
"popper.js": "^1.16.1", "popper.js": "^1.16.1",
"tailwindcss": "3.2.4" "tailwindcss": "~3.0.7"
}, },
"dependencies": { "dependencies": {
"chart.js": { "chart.js": {
@ -2308,35 +2325,42 @@
"dev": true, "dev": true,
"requires": {} "requires": {}
}, },
"tailwindcss": { "postcss-nested": {
"version": "3.2.4", "version": "5.0.6",
"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.2.4.tgz", "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-5.0.6.tgz",
"integrity": "sha512-AhwtHCKMtR71JgeYDaswmZXhPcW9iuI9Sp2LvZPo9upDZ7231ZJ7eA9RaURbhpXGVlrjX4cFNlB4ieTetEb7hQ==", "integrity": "sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==",
"dev": true, "dev": true,
"requires": { "requires": {
"arg": "^5.0.2", "postcss-selector-parser": "^6.0.6"
}
},
"tailwindcss": {
"version": "3.0.24",
"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.0.24.tgz",
"integrity": "sha512-H3uMmZNWzG6aqmg9q07ZIRNIawoiEcNFKDfL+YzOPuPsXuDXxJxB9icqzLgdzKNwjG3SAro2h9SYav8ewXNgig==",
"dev": true,
"requires": {
"arg": "^5.0.1",
"chokidar": "^3.5.3", "chokidar": "^3.5.3",
"color-name": "^1.1.4", "color-name": "^1.1.4",
"detective": "^5.2.1", "detective": "^5.2.0",
"didyoumean": "^1.2.2", "didyoumean": "^1.2.2",
"dlv": "^1.1.3", "dlv": "^1.1.3",
"fast-glob": "^3.2.12", "fast-glob": "^3.2.11",
"glob-parent": "^6.0.2", "glob-parent": "^6.0.2",
"is-glob": "^4.0.3", "is-glob": "^4.0.3",
"lilconfig": "^2.0.6", "lilconfig": "^2.0.5",
"micromatch": "^4.0.5",
"normalize-path": "^3.0.0", "normalize-path": "^3.0.0",
"object-hash": "^3.0.0", "object-hash": "^3.0.0",
"picocolors": "^1.0.0", "picocolors": "^1.0.0",
"postcss": "^8.4.18", "postcss": "^8.4.12",
"postcss-import": "^14.1.0",
"postcss-js": "^4.0.0", "postcss-js": "^4.0.0",
"postcss-load-config": "^3.1.4", "postcss-load-config": "^3.1.4",
"postcss-nested": "6.0.0", "postcss-nested": "5.0.6",
"postcss-selector-parser": "^6.0.10", "postcss-selector-parser": "^6.0.10",
"postcss-value-parser": "^4.2.0", "postcss-value-parser": "^4.2.0",
"quick-lru": "^5.1.1", "quick-lru": "^5.1.1",
"resolve": "^1.22.1" "resolve": "^1.22.0"
} }
} }
} }

View file

@ -45,7 +45,7 @@
"prettier-plugin-tailwindcss": "^0.2.4", "prettier-plugin-tailwindcss": "^0.2.4",
"rimraf": "^4.4.0", "rimraf": "^4.4.0",
"tailwindcss": "^3.2.7", "tailwindcss": "^3.2.7",
"tw-elements": "^1.0.0-beta1", "tw-elements": "1.0.0-alpha13",
"typeit": "^8.7.1", "typeit": "^8.7.1",
"vendor-copy": "^3.0.1" "vendor-copy": "^3.0.1"
}, },