hyro/website
1
0
Fork 0
mirror of https://github.com/xHyroM/website.git synced 2024-11-14 03:28:07 +01:00
Code Issues Projects Releases Wiki Activity Actions

feat: add Fireworks, Snow components

Browse source
This commit is contained in:
xHyroM 2023-01-04 23:39:08 +01:00
parent baf6ad9812
commit 180c58b5a8
4 changed files with 33 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/components/widgets/Fireworks.astro Normal file
View 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
View file

@ -0,0 +1,3 @@
<script>
import "../../scripts/snow.js";
</script>

27
src/layouts/Layout.astro
View file

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

4
src/layouts/docs/ItemLayout.astro
View file

@ -32,3 +32,7 @@ const {
</div> </div>
</Container> </Container>
</Layout> </Layout>
<script>
import "../../scripts/sidebarToggle.js";
</script>