diff --git a/js/render-data.js b/js/render-data.js index 63d616a..e366fe8 100644 --- a/js/render-data.js +++ b/js/render-data.js @@ -30,11 +30,6 @@ const projects = [ description: "Visualize the animation of Earth and Mars orbiting the sun.", ref: "./tutorials/Earth and Mars Animation/index.html", }, - { - name: "Fire Pit Image", - description: "Experience the cozy warmth of a fire pit through images.", - ref: "./tutorials/Fire Pit Image/index.html", - }, { name: "FontAwesome Icon Background Animation Effects", description: "Combine FontAwesome icons with background animations.", diff --git a/tutorials/Fire Pit Image/fp.jpg b/tutorials/Fire Pit Image/fp.jpg deleted file mode 100644 index e355585..0000000 Binary files a/tutorials/Fire Pit Image/fp.jpg and /dev/null differ diff --git a/tutorials/Fire Pit Image/index.css b/tutorials/Fire Pit Image/index.css deleted file mode 100644 index 4bc7625..0000000 --- a/tutorials/Fire Pit Image/index.css +++ /dev/null @@ -1,63 +0,0 @@ -*{ - margin: 0; - padding: 0; - box-sizing: border-box; -} - -body{ - background: rgb(146, 75, 46); -} - -.container{ - width: 100%; - height: 100vh; - display: flex; - justify-content: center; - align-items: center; -} - -.fp{ - max-width: 100%; - max-height: 100vh; -} - -.vapour{ - position: absolute; - display: flex; - z-index: 1; - padding: 0 20px; -} - -.vapour span{ - position: relative; - bottom: 50px; - display: block; - margin: 0 2px 50px; - min-width: 8px; - height: 120px; - background: #fff; - border-radius: 50%; - animation: animate 5s linear infinite; - opacity: 0; - filter: blur(8px); - animation-delay: calc(var(--i) * -0.5s); -} - -@keyframes animate{ - 0%{ - transform: translateY(0) scaleX(1); - opacity: 0; - } - 15%{ - opacity: 1; - } - 50%{ - transform: translateY(-150px) scaleX(5); - } - 95%{ - opacity: 0; - } - 100%{ - transform: translateY(-300px) scaleX(10); - } -} \ No newline at end of file diff --git a/tutorials/Fire Pit Image/index.html b/tutorials/Fire Pit Image/index.html deleted file mode 100644 index e846eb3..0000000 --- a/tutorials/Fire Pit Image/index.html +++ /dev/null @@ -1,40 +0,0 @@ - - - - - - - Fire Pit Image - - -
- -
- - - - - - - - - - - - - - - - - - - - -
-
- -