mirror of
https://github.com/xHyroM/website.git
synced 2024-11-14 03:28:07 +01:00
feat: add Fireworks, Snow components
This commit is contained in:
parent
baf6ad9812
commit
180c58b5a8
4 changed files with 33 additions and 16 deletions
15
src/components/widgets/Fireworks.astro
Normal file
15
src/components/widgets/Fireworks.astro
Normal file
|
@ -0,0 +1,15 @@
|
||||||
|
<script>
|
||||||
|
import { Fireworks } from "fireworks-js";
|
||||||
|
|
||||||
|
export const fireworksContainer =
|
||||||
|
document.querySelector<HTMLDivElement>(".fireworks-container")!;
|
||||||
|
|
||||||
|
const fireworks = new Fireworks(fireworksContainer, {
|
||||||
|
rocketsPoint: {
|
||||||
|
min: 0,
|
||||||
|
max: 100,
|
||||||
|
},
|
||||||
|
autoresize: true,
|
||||||
|
});
|
||||||
|
fireworks.start();
|
||||||
|
</script>
|
3
src/components/widgets/Snow.astro
Normal file
3
src/components/widgets/Snow.astro
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
<script>
|
||||||
|
import "../../scripts/snow.js";
|
||||||
|
</script>
|
|
@ -1,4 +1,15 @@
|
||||||
---
|
---
|
||||||
|
import Snow from "../components/widgets/Snow.astro";
|
||||||
|
import Fireworks from "../components/widgets/Fireworks.astro";
|
||||||
|
|
||||||
|
const date = new Date();
|
||||||
|
|
||||||
|
const fireworks =
|
||||||
|
(date.getMonth() === 11 && date.getDate() === 31) ||
|
||||||
|
(date.getMonth() === 0 && date.getDate() <= 3);
|
||||||
|
const snow =
|
||||||
|
(date.getMonth() === 11 && date.getDate() === 10) ||
|
||||||
|
(date.getMonth() === 0 && date.getDate() <= 3);
|
||||||
---
|
---
|
||||||
|
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
@ -57,22 +68,6 @@
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
import "../scripts/menu.js";
|
import "../scripts/menu.js";
|
||||||
import "../scripts/sidebarToggle.js";
|
|
||||||
/* import "../scripts/snow.js"; */
|
|
||||||
|
|
||||||
import { Fireworks } from "fireworks-js";
|
|
||||||
|
|
||||||
export const fireworksContainer =
|
|
||||||
document.querySelector<HTMLDivElement>(".fireworks-container")!;
|
|
||||||
|
|
||||||
const fireworks = new Fireworks(fireworksContainer, {
|
|
||||||
rocketsPoint: {
|
|
||||||
min: 0,
|
|
||||||
max: 100,
|
|
||||||
},
|
|
||||||
autoresize: true,
|
|
||||||
});
|
|
||||||
fireworks.start();
|
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -32,3 +32,7 @@ const {
|
||||||
</div>
|
</div>
|
||||||
</Container>
|
</Container>
|
||||||
</Layout>
|
</Layout>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import "../../scripts/sidebarToggle.js";
|
||||||
|
</script>
|
||||||
|
|
Loading…
Reference in a new issue