update home page

2026-06-18 16:32:31 +05:30
parent d9cc83aa82
commit 8e0d704438
57 changed files with 2813 additions and 301 deletions
--- a/test-cutout.html
+++ b/test-cutout.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+  body { background: #ccc; padding: 50px; }
+  .card {
+    position: relative;
+    width: 300px;
+    height: 200px;
+    background: #333;
+    border-radius: 25px;
+    overflow: hidden;
+  }
+  .iconWrapper {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    background-color: #FFFFFF;
+    border-top-left-radius: 30px;
+    padding: 10px 10px 0 10px;
+    z-index: 20;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .iconWrapper::before {
+    content: "";
+    position: absolute;
+    top: -20px;
+    right: 0;
+    width: 20px;
+    height: 20px;
+    background: radial-gradient(circle at 0 0, transparent 20px, #ffffff 20px);
+  }
+  .iconWrapper::after {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    left: -20px;
+    width: 20px;
+    height: 20px;
+    background: radial-gradient(circle at 0 0, transparent 20px, #ffffff 20px);
+  }
+  .button {
+    width: 52px;
+    height: 52px;
+    border-radius: 50%;
+    background: #111;
+  }
+</style>
+</head>
+<body>
+  <div class="card">
+    <div class="iconWrapper">
+      <div class="button"></div>
+    </div>
+  </div>
+</body>
+</html>