From 1145acc6c4dd8e9ff4374d8beb827326adaf0ad6 Mon Sep 17 00:00:00 2001 From: Dj Redflame <73613085+djredflame@users.noreply.github.com> Date: Sat, 6 Jun 2026 19:56:49 +0200 Subject: [PATCH] feat: added particles system to it, and modified files to show the particles as i want it --- frontend/package.json | 3 + frontend/pnpm-lock.yaml | 130 ++++++++++++++++++ frontend/src/app/app.component.html | 4 + frontend/src/app/app.component.scss | 21 ++- frontend/src/app/app.component.ts | 45 +++++- .../src/app/pages/home/home.component.html | 2 +- .../src/app/pages/home/home.component.scss | 7 + .../shared/ui/footer/footer.component.scss | 1 + .../shared/ui/header/header.component.html | 2 +- .../app/shared/ui/header/header.component.ts | 3 +- frontend/src/assets/logo/djredflame.png | Bin 0 -> 641178 bytes frontend/src/styles.scss | 3 +- 12 files changed, 212 insertions(+), 9 deletions(-) create mode 100755 frontend/src/assets/logo/djredflame.png diff --git a/frontend/package.json b/frontend/package.json index c707b30..bbcd48e 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -56,6 +56,9 @@ "@angular/platform-server": "^22.0.0", "@angular/router": "^22.0.0", "@angular/ssr": "^22.0.0", + "@tsparticles/basic": "^4.1.3", + "@tsparticles/engine": "^4.1.3", + "@tsparticles/shape-image": "^4.1.3", "express": "^5.2.1", "rxjs": "~7.8.0", "tslib": "^2.3.0", diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml index f818f3a..4aecbe1 100644 --- a/frontend/pnpm-lock.yaml +++ b/frontend/pnpm-lock.yaml @@ -62,6 +62,15 @@ importers: '@angular/ssr': specifier: ^22.0.0 version: 22.0.0(c06b731e2c4afb8f139a47227a9044db) + '@tsparticles/basic': + specifier: ^4.1.3 + version: 4.1.3 + '@tsparticles/engine': + specifier: ^4.1.3 + version: 4.1.3 + '@tsparticles/shape-image': + specifier: ^4.1.3 + version: 4.1.3(@tsparticles/engine@4.1.3) express: specifier: ^5.2.1 version: 5.2.1 @@ -1648,6 +1657,67 @@ packages: '@standard-schema/spec@1.1.0': resolution: {integrity: sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==} + '@tsparticles/basic@4.1.3': + resolution: {integrity: sha512-swcUPyiLGLx4L6KIgZVzVvw3d4EIL6HIx5Y1ykx5WD3vdw0kf7v6bLE3s1e/q0BXs2aoPhsHfv2CNMhxhW6Dfw==} + + '@tsparticles/engine@4.1.3': + resolution: {integrity: sha512-AtecYuW/YHeLvPRwehbqsEEToRaeGPVet7uWC0Fbc0nXiaH0xp7ht2XBS7WmQsj7kbGB2WQ15e3Gj+ZlNKCczQ==} + + '@tsparticles/plugin-blend@4.1.3': + resolution: {integrity: sha512-21nn5m+WQ9dL8xvSUXXp2yjsLl5Oiks+Npbh9uIU4uWNNOgdz+B1PY8swv4csPeI4SPbRMDVYNULqgCpTYkLWA==} + peerDependencies: + '@tsparticles/engine': 4.1.3 + + '@tsparticles/plugin-hex-color@4.1.3': + resolution: {integrity: sha512-k+0HpJ4aA45Sw/PNoA/dI878lHv92LACI6c2qlvcrzsdCJJjVJ8zSWnLw+8DgUYi8mhcjU8cq+8Rv6edZj1wqw==} + peerDependencies: + '@tsparticles/engine': 4.1.3 + + '@tsparticles/plugin-hsl-color@4.1.3': + resolution: {integrity: sha512-ErBOCI/yXT47arxaAZwfzBGbKKYA1hpLEWChAXDokiVmIJnE6lj6QlSi06iTeGB/7YT5mJBvqQr4rS5IqpIG/g==} + peerDependencies: + '@tsparticles/engine': 4.1.3 + + '@tsparticles/plugin-move@4.1.3': + resolution: {integrity: sha512-LubOW7P2ilxkOsBQVg9txd7Jet5gkQ/FHE+jNCx9e++pvIqNhWsOnFP13YTJMJFNYksc0BtOPA1Ewl8mCasoxA==} + peerDependencies: + '@tsparticles/engine': 4.1.3 + + '@tsparticles/plugin-rgb-color@4.1.3': + resolution: {integrity: sha512-H+MVpMJbzEYYf9Hyka8y5uU6eJSryxwDUTol6hDxdKRW8LL+Y1BjD85cIjwVzp0b5yrUfBPMCwR8Z9/oC3ZG8A==} + peerDependencies: + '@tsparticles/engine': 4.1.3 + + '@tsparticles/shape-circle@4.1.3': + resolution: {integrity: sha512-LiidH8LWCOYufhA3vWaoVE3pkp4Os3fl+dnuRs0z5Ye4jaSAZRsbE80wtuCzRrBMdUbvU83XMTSMCqT++Wg6xg==} + peerDependencies: + '@tsparticles/engine': 4.1.3 + + '@tsparticles/shape-image@4.1.3': + resolution: {integrity: sha512-ubnLk/2hp+2Ugkk1nV3osMUy+F2cVV6hUNPxwHad9XGHbgntAlWzLv7pXFJNvFpgjmr9Bs89ZhmoPYnb6cKscA==} + peerDependencies: + '@tsparticles/engine': 4.1.3 + + '@tsparticles/updater-opacity@4.1.3': + resolution: {integrity: sha512-/Q+YxeNLhTf+itxjvfnoWl4ybm3k9QABkW6/tAbkFafwdAItOs32YE0mf4QlcEXtf7bBgf6+6SRr0YqtPhbT6g==} + peerDependencies: + '@tsparticles/engine': 4.1.3 + + '@tsparticles/updater-out-modes@4.1.3': + resolution: {integrity: sha512-xzDn4fgW1NhUSUcGSaDtTQ7Ti8uArA9oCuFbqPSZUwo/VOw+AftqAKM85HzV4Wyh4QMH7guaDbP6qJmxaYZr4g==} + peerDependencies: + '@tsparticles/engine': 4.1.3 + + '@tsparticles/updater-paint@4.1.3': + resolution: {integrity: sha512-mK8mWOAoN79w46IfZh8N7O/f8QxgrLbt/DjbBJY2ax0k7yfCv6Y9zTcbk1WS61NworizxoyPghg1aZP6UM/Rgw==} + peerDependencies: + '@tsparticles/engine': 4.1.3 + + '@tsparticles/updater-size@4.1.3': + resolution: {integrity: sha512-rhG3ybxf3okV22gUi7c9Z1Fi1bQGBhourET2MGW73hONwYC1tMlW3SGlKIJr0G9vibFWgxDbwd1kgKiFp3Hycw==} + peerDependencies: + '@tsparticles/engine': 4.1.3 + '@tufjs/canonical-json@2.0.0': resolution: {integrity: sha512-yVtV8zsdo8qFHe+/3kw81dSLyF7D576A5cCFCi4X7B39tWT7SekaEFUnvnWJHz+9qO7qJTah1JbrDjWKqFtdWA==} engines: {node: ^16.14.0 || >=18.0.0} @@ -5700,6 +5770,66 @@ snapshots: '@standard-schema/spec@1.1.0': {} + '@tsparticles/basic@4.1.3': + dependencies: + '@tsparticles/engine': 4.1.3 + '@tsparticles/plugin-blend': 4.1.3(@tsparticles/engine@4.1.3) + '@tsparticles/plugin-hex-color': 4.1.3(@tsparticles/engine@4.1.3) + '@tsparticles/plugin-hsl-color': 4.1.3(@tsparticles/engine@4.1.3) + '@tsparticles/plugin-move': 4.1.3(@tsparticles/engine@4.1.3) + '@tsparticles/plugin-rgb-color': 4.1.3(@tsparticles/engine@4.1.3) + '@tsparticles/shape-circle': 4.1.3(@tsparticles/engine@4.1.3) + '@tsparticles/updater-opacity': 4.1.3(@tsparticles/engine@4.1.3) + '@tsparticles/updater-out-modes': 4.1.3(@tsparticles/engine@4.1.3) + '@tsparticles/updater-paint': 4.1.3(@tsparticles/engine@4.1.3) + '@tsparticles/updater-size': 4.1.3(@tsparticles/engine@4.1.3) + + '@tsparticles/engine@4.1.3': {} + + '@tsparticles/plugin-blend@4.1.3(@tsparticles/engine@4.1.3)': + dependencies: + '@tsparticles/engine': 4.1.3 + + '@tsparticles/plugin-hex-color@4.1.3(@tsparticles/engine@4.1.3)': + dependencies: + '@tsparticles/engine': 4.1.3 + + '@tsparticles/plugin-hsl-color@4.1.3(@tsparticles/engine@4.1.3)': + dependencies: + '@tsparticles/engine': 4.1.3 + + '@tsparticles/plugin-move@4.1.3(@tsparticles/engine@4.1.3)': + dependencies: + '@tsparticles/engine': 4.1.3 + + '@tsparticles/plugin-rgb-color@4.1.3(@tsparticles/engine@4.1.3)': + dependencies: + '@tsparticles/engine': 4.1.3 + + '@tsparticles/shape-circle@4.1.3(@tsparticles/engine@4.1.3)': + dependencies: + '@tsparticles/engine': 4.1.3 + + '@tsparticles/shape-image@4.1.3(@tsparticles/engine@4.1.3)': + dependencies: + '@tsparticles/engine': 4.1.3 + + '@tsparticles/updater-opacity@4.1.3(@tsparticles/engine@4.1.3)': + dependencies: + '@tsparticles/engine': 4.1.3 + + '@tsparticles/updater-out-modes@4.1.3(@tsparticles/engine@4.1.3)': + dependencies: + '@tsparticles/engine': 4.1.3 + + '@tsparticles/updater-paint@4.1.3(@tsparticles/engine@4.1.3)': + dependencies: + '@tsparticles/engine': 4.1.3 + + '@tsparticles/updater-size@4.1.3(@tsparticles/engine@4.1.3)': + dependencies: + '@tsparticles/engine': 4.1.3 + '@tufjs/canonical-json@2.0.0': {} '@tufjs/models@4.1.0': diff --git a/frontend/src/app/app.component.html b/frontend/src/app/app.component.html index 19cc8cd..abe7251 100644 --- a/frontend/src/app/app.component.html +++ b/frontend/src/app/app.component.html @@ -1,4 +1,8 @@ +
This is under construction, be patient
JBZ1SSSkx9T_ z~?tS*`g0W_@gELON#;31C49F_F>=`hnD~5C-VZSog8b
zZiTwNLYYW-S@z!LBa(c?{`xg)iQPET^+MhS>L^TCneB_0eEgl)oSp_AJ~-jY 03A)rA2(OcgHaaJoKn!?cXmN)qfUi7l2X>R|7dEYw(%nly@G*e%Bp7(zvsR&cgP-Y^weEE0$Wn(AM7rDu
zsD!I3eYez){H}|Hru;N6d~^b?&$jWqsXPXMKfuMjQFR1<{sNeRkesz6XH*Cl%A_!P
zZZ>n^$4-x%IkRXu#-#BzKr<-<2_oB?)fgytCyx>+m`8wE7`_U~a0dLjuBYmtrhp0_
z5(BmF#yFZ@FTm3$ZJ2s#{Kth+Eaql*W^dx;!HkmYwhUM7`akj&@aPTfT0!?tX28G+
z5lW6s^=oqgI50ZNcIH5{*wV8^IcV-6bPCl65Luw*2G|a`aOvPZS8rbV)w{2seDn75
z!EY-Vl(VhC-P}t=)hR|NgZkJf&i0Zqg9%VfY^b9DRak?fqFoU7kM@7^>XR2fckP*r
zKYRZA{!3f??RmsC0c(I)0PX@QgU}&hMWhMo9z*)I%~p~DQN&E3Ovs%ghB+Eu0KMjW
zx9|Ps?YHmz{%W;)o!FdwT4IPMkctC%H=B7~YsjH7bp-%VI|o3rLL?)`h}cGCD3T;7
zC7V!Z%I!Q{Ie%^EV^6+#?LWQt#QrDZIoTGzhe3}KnIO7?$`Tj`W58?<5o@fT%&eUdMVSqG!7Z1~tkLxCivU*^hH%#I!3->q*)|7A^DQxF
z0$OuK&i#5rLt^tyH|zJnmh_4_2Ily6B9K~}gc