mirror of
https://github.com/xHyroM/website.git
synced 2024-11-10 01:38:05 +01:00
feat: add fireworks
This commit is contained in:
parent
18adf47a28
commit
b9b690423b
3 changed files with 24 additions and 0 deletions
11
package-lock.json
generated
11
package-lock.json
generated
|
@ -14,6 +14,7 @@
|
|||
"@astrojs/tailwind": "^2.1.3",
|
||||
"astro": "^1.6.12",
|
||||
"astro-compress": "^1.1.17",
|
||||
"fireworks-js": "^2.10.0",
|
||||
"html-minifier": "^4.0.0",
|
||||
"tailwindcss": "^3.2.4"
|
||||
}
|
||||
|
@ -2686,6 +2687,11 @@
|
|||
"pkg-dir": "^4.2.0"
|
||||
}
|
||||
},
|
||||
"node_modules/fireworks-js": {
|
||||
"version": "2.10.0",
|
||||
"resolved": "https://registry.npmjs.org/fireworks-js/-/fireworks-js-2.10.0.tgz",
|
||||
"integrity": "sha512-SC5pGAwLDGo92FN9WmflM6fMB0vOyrTauUd/pn6rKIb0/NQ0z2R6CYqSQ4rxRl5qdHVdKbeYw01Wdnfd87ETTg=="
|
||||
},
|
||||
"node_modules/formdata-polyfill": {
|
||||
"version": "4.0.10",
|
||||
"resolved": "https://registry.npmjs.org/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz",
|
||||
|
@ -9760,6 +9766,11 @@
|
|||
"pkg-dir": "^4.2.0"
|
||||
}
|
||||
},
|
||||
"fireworks-js": {
|
||||
"version": "2.10.0",
|
||||
"resolved": "https://registry.npmjs.org/fireworks-js/-/fireworks-js-2.10.0.tgz",
|
||||
"integrity": "sha512-SC5pGAwLDGo92FN9WmflM6fMB0vOyrTauUd/pn6rKIb0/NQ0z2R6CYqSQ4rxRl5qdHVdKbeYw01Wdnfd87ETTg=="
|
||||
},
|
||||
"formdata-polyfill": {
|
||||
"version": "4.0.10",
|
||||
"resolved": "https://registry.npmjs.org/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz",
|
||||
|
|
|
@ -17,6 +17,7 @@
|
|||
"@astrojs/tailwind": "^2.1.3",
|
||||
"astro": "^1.6.12",
|
||||
"astro-compress": "^1.1.17",
|
||||
"fireworks-js": "^2.10.0",
|
||||
"html-minifier": "^4.0.0",
|
||||
"tailwindcss": "^3.2.4"
|
||||
}
|
||||
|
|
|
@ -45,8 +45,20 @@
|
|||
</head>
|
||||
<body class="bg-dark overflow-x-hidden font-['Source Code Pro']">
|
||||
<slot />
|
||||
<div class='fireworks-container h-full w-full absolute top-0 left-0 z-[-1000]' />
|
||||
<script>
|
||||
import "../scripts/menu.js";
|
||||
|
||||
import { Fireworks } from 'fireworks-js';
|
||||
|
||||
export const fireworksContainer = document.querySelector<HTMLDivElement>(
|
||||
'.fireworks-container'
|
||||
)!
|
||||
|
||||
const fireworks = new Fireworks(fireworksContainer, {
|
||||
|
||||
})
|
||||
fireworks.start()
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Loading…
Reference in a new issue