hyro/website
1
0
Fork 0
mirror of https://github.com/xHyroM/website.git synced 2024-11-12 18:48:06 +01:00
Code Issues Projects Releases Wiki Activity Actions

feat: add fireworks

Browse source
This commit is contained in:
xHyroM 2022-12-31 18:47:20 +01:00
parent 18adf47a28
commit b9b690423b
3 changed files with 24 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
package-lock.json generated
View file

@ -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",

1
package.json
View file

@ -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"
}

12
src/layouts/Layout.astro
View file

@ -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>