diff --git a/Art/stormworm9/TriangleProjection/TriangleProjection.gif b/Art/stormworm9/TriangleProjection/TriangleProjection.gif
new file mode 100644
index 000000000..45b8c5910
Binary files /dev/null and b/Art/stormworm9/TriangleProjection/TriangleProjection.gif differ
diff --git a/Art/stormworm9/TriangleProjection/projection.html b/Art/stormworm9/TriangleProjection/projection.html
new file mode 100644
index 000000000..a15c49a35
--- /dev/null
+++ b/Art/stormworm9/TriangleProjection/projection.html
@@ -0,0 +1,19 @@
+
+
+
+
+
+ Triangles Projection
+
+
+
+
+
+
diff --git a/Art/stormworm9/TriangleProjection/styles.css b/Art/stormworm9/TriangleProjection/styles.css
new file mode 100644
index 000000000..e0d65818f
--- /dev/null
+++ b/Art/stormworm9/TriangleProjection/styles.css
@@ -0,0 +1,55 @@
+body {
+ background: #000;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+ margin: 0;
+ perspective: 1000px;
+}
+
+.container {
+ width: 200px;
+ height: 200px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+}
+
+.star-group {
+ position: absolute;
+ top: 0;
+ left: 0;
+ animation: break-stars 4s infinite alternate;
+}
+
+.star {
+ width: 0;
+ height: 0;
+ border-left: 50px solid transparent;
+ border-right: 50px solid transparent;
+ border-bottom: 100px solid #fff;
+ position: relative;
+ margin: 20px;
+ transform-style: preserve-3d;
+ animation: spin 4s linear infinite, break-stars 4s infinite alternate;
+}
+
+@keyframes spin {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes break-stars {
+ 0%, 100% {
+ transform: translateY(0);
+ }
+ 50% {
+ transform: translateY(-30px);
+ }
+}
\ No newline at end of file
diff --git a/include.js b/include.js
index 5c448a06b..6f958519d 100644
--- a/include.js
+++ b/include.js
@@ -26,7 +26,17 @@ let cards = [
imageLink: './Art/stormworm9/RingAnimation/ring.gif',
author: 'stormworm9',
githubLink: 'https://github.com/stormworm9'
- },
+ },
+
+ {
+ artName: 'TriangleProjection',
+ pageLink: './Art/stormworm9/TriangleProjection/projection.html',
+ imageLink: './Art/stormworm9/TriangleProjection/TriangleProjection.gif',
+ author: 'stormworm9',
+ githubLink: 'https://github.com/stormworm9'
+ },
+
+
{
artName: 'Loading Page',
pageLink: './Art/SaumyaKumar-09/Animation%204/index.html',
@@ -34,6 +44,7 @@ let cards = [
author: 'SaumyaKumar-09',
githubLink: 'https://github.com/SaumyaKumar-09'
},
+
{
artName: 'Windows start animation',
pageLink: './Art/SaumyaKumar-09/Animation%202/index.html',