something

Author: kabirnayeem99

android-chrome-192x192.png

@@ -0,0 +1,14 @@
+document.addEventListener("DOMContentLoaded", function () {
+  function showCacheNotice() {
+    if (!localStorage.getItem("cacheNoticeDismissed")) {
+      document.getElementById("cacheNotice").style.display = "block";
+    }
+  }
+
+  window.dismissNotice = function () {
+    localStorage.setItem("cacheNoticeDismissed", "true");
+    document.getElementById("cacheNotice").style.display = "none";
+  };
+
+  showCacheNotice();
+});

android-chrome-512x512.png

@@ -0,0 +1,31 @@
+const CACHE_NAME = "kabirnayeem99-cache-v1";
+const urlsToCache = [
+  "/",
+  "/index.html",
+  "/project.html",
+  "/work.html",
+  "/style.css",
+  "/android-chrome-192x192.png",
+  "/android-chrome-512x512.png",
+  "/apple-touch-icon.png",
+  "/favicon-16x16.png",
+  "/favicon-32x32.png",
+  "/favicon.ico",
+  "/favicon.png",
+];
+
+self.addEventListener("install", (event) => {
+  event.waitUntil(
+    caches.open(CACHE_NAME).then((cache) => {
+      return cache.addAll(urlsToCache);
+    })
+  );
+});
+
+self.addEventListener("fetch", (event) => {
+  event.respondWith(
+    caches.match(event.request).then((response) => {
+      return response || fetch(event.request);
+    })
+  );
+});

apple-touch-icon.png

@@ -25,10 +25,7 @@
       property="og:description"
       content="Software engineer skilled in Android, iOS, Kotlin Multiplatform, and Flutter. Passionate about scalable solutions, problem-solving, and continuous learning."
     />
-    <meta
-      property="og:image"
-      content="favicon.io"
-    />
+    <meta property="og:image" content="favicon.io" />
     <meta property="og:url" content="https://kabirnayeem99.github.io" />
     <meta property="og:type" content="website" />
 
@@ -69,22 +66,27 @@ <h2>Quick Links</h2>
       <h2>Contact</h2>
       <p>
         GitHub:
-        <a href="https://github.com/kabirnayeem99" target="_blank"
-          >kabirnayeem99</a
-        >
+        <a href="https://github.com/kabirnayeem99" target="_blank">
+          kabirnayeem99
+        </a>
       </p>
       <p>
         LinkedIn:
-        <a href="https://www.linkedin.com/in/kabirnayeem99/" target="_blank"
-          >Naimul Kabir</a
-        >
+        <a href="https://www.linkedin.com/in/kabirnayeem99/" target="_blank">
+          Naimul Kabir
+        </a>
       </p>
       <p>
         Email:
-        <a href="mailto:[email protected]" target="_blank"
-          >[email protected]</a
-        >
+        <a href="mailto:[email protected]" target="_blank">
+          [email protected]
+        </a>
       </p>
     </div>
+    <div class="cache-notice" id="cacheNotice">
+      From the River to the Sea, Filistin will be free.
+      <button onclick="dismissNotice()">Agreed</button>
+    </div>
+    <script src="cache_notice.js"></script>
   </body>
 </html>

cache_notice.js

@@ -1,27 +1 @@
-{
-    "name": "Naimul Kabir - Software Engineer | Android, iOS, KMP, Flutter",
-    "short_name": "Naimul Kabir",
-    "description": "Portfolio of Naimul Kabir, a Software Engineer specializing in Android, iOS, Kotlin Multiplatform, and Flutter.",
-    "start_url": "/index.html",
-    "display": "standalone",
-    "orientation": "portrait",
-    "theme_color": "#BDD3B3",
-    "background_color": "#BDD3B3",
-    "icons": [
-        {
-            "src": "/android-chrome-192x192.png",
-            "sizes": "192x192",
-            "type": "image/png",
-            "purpose": "any maskable"
-        },
-        {
-            "src": "/android-chrome-512x512.png",
-            "sizes": "512x512",
-            "type": "image/png",
-            "purpose": "any maskable"
-        }
-    ],
-    "scope": "/",
-    "related_applications": [],
-    "prefer_related_applications": false
-}
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

cache_service_worker.js

@@ -2,71 +2,42 @@
 
 body {
   font-family: "JetBrains Mono", monospace;
-  background-color: #bdd3b3;
-  color: #000;
-  text-align: center;
-  margin: 40px;
+  padding: 0 20%;
 }
 
 @media (max-width: 768px) {
   body {
-    margin: 12px;
+    padding: 0 2%;
   }
 }
 
-.container {
-  padding: 20px;
-  background: #ffffffcc;
-  border: 2px solid #101315;
-  box-shadow: 5px 5px 0px #101315;
-  opacity: 0;
-  transform: translateY(20px);
-  animation: fadeIn 1s ease-out forwards;
-}
-
-@keyframes fadeIn {
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-a {
-  color: #1a4a7b;
-  text-decoration: none;
-  position: relative;
-}
-
-a::after {
-  content: "";
-  position: absolute;
-  width: 100%;
-  height: 2px;
-  bottom: 0;
-  left: 0;
-  background-color: #1a4a7b;
-  transform: scaleX(0);
-  transition: transform 0.3s ease-in-out;
-}
-
-a:hover::after {
-  transform: scaleX(1);
-}
-
-.project-details,
-.job-details {
-  max-height: 0;
-  overflow: hidden;
-  transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out;
-  padding-top: 0;
-}
-
-.project:hover .project-details,
-.job:hover .job-details {
-  max-height: 300px;
-  padding-top: 10px;
-}
-
-h1 {
+.cache-notice {
+  position: fixed;
+  bottom: 20px;
+  left: 50%;
+  transform: translateX(-50%);
+  background: #fff;
+  color: black;
+  padding: 10px;
+  border: 1px solid transparent;
+  background: #fff;
+  font-size: 14px;
+  z-index: 1000;
+  display: none;
+  font-family: "JetBrains Mono", monospace;
   text-align: center;
+  border-image: linear-gradient(to right, #d00, #007a3d, #000) 1;
+}
+
+.cache-notice button {
+  background: #fff;
+  border: 1px solid transparent;
+  padding: 5px 10px;
+  margin-left: 10px;
+  margin-top: 20px;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 600;
+  font-family: "JetBrains Mono", monospace;
+  border-image: linear-gradient(to right, #d00, #007a3d, #000) 1;
 }