Merge pull request #21 from DevCANS/updates

updated version, with final nav bar for mobile

Author: Sanjeev-07-psypher

assets/css/style.css

@@ -28,6 +28,7 @@
 
 html {
     scroll-behavior: smooth;
+    overflow-x:hidden ;
 }
 
 body {
@@ -36,6 +37,8 @@ body {
     min-height: 100vh;
     flex-direction: column;
     background: #333;
+    overflow-x:hidden ;
+
 }
 
 main {

assets/img/icons/sandbox.png

@@ -87,37 +87,62 @@ function fetchRepos(force = false) {
     });
 }
 
-function updateRepos(data){
+function updateRepos(data) {
     const repoContainer = document.querySelector(".repo-container");
+
+    // Define custom fallback icons
+    const defaultIcons = {
+        "sandbox": "assets/img/icons/sandbox.png",
+        "udgam2k23app": "assets/img/icons/udgam.jfif",
+        "devcans.github.io": "assets/img/icon.png", // already your website repo
+        "default": "assets/img/default-icon.png"
+    };
+
     data.forEach((val) => {
         // Creating Repo card
-        let repoItem = createElement("div", {class: "col-md-6 col-lg-4 repo-item"});
-        let box = createElement("div", {class: "box"});
-        let icon = createElement("div", {class: "icon"});
-        
+        let repoItem = createElement("div", { class: "col-md-6 col-lg-4 repo-item" });
+        let box = createElement("div", { class: "box" });
+        let icon = createElement("div", { class: "icon" });
+
         // Fetching image for repository
         let iconImg = val.name.split("-")[0].toLowerCase();
         let imgSource = "";
 
         if (iconImg === "website") {
             // For devcans website repo
-            imgSource = "assets/img/icon.png"
+            imgSource = "assets/img/icon.png";
         } else {
             if (iconImg === "web") {
                 iconImg = "html";
             }
             imgSource = `https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/${iconImg}/${iconImg}.png`;
         }
-        icon.appendChild(createElement("img", {src: imgSource, class: "icon", style: "background: #FCEEF3;"}));
+
+        // Choose fallback based on repo name or default
+        let fallback = defaultIcons[val.name.toLowerCase()] || defaultIcons["default"];
+
+        // Append icon with fallback handler
+        icon.appendChild(
+            createElement("img", {
+                src: imgSource,
+                class: "icon",
+                style: "background: #FCEEF3;",
+                onerror: `this.onerror=null; this.src='${fallback}';`
+            })
+        );
+
         box.appendChild(icon);
-        let h3 = createElement("h3", {class: "title"});
+
+        let h3 = createElement("h3", { class: "title" });
         h3.innerHTML = `
             <a href="${val.html_url}" target="_blank">${val.name.replaceAll("-", " ").toUpperCase()}</a>
         `;
         box.appendChild(h3);
-        let p = createElement("p", {class: "description"});
+
+        let p = createElement("p", { class: "description" });
         p.innerHTML = val.description;
         box.appendChild(p);
+
         repoItem.appendChild(box);
         repoContainer.appendChild(repoItem);
     });
@@ -129,7 +154,7 @@ function updateRepos(data){
         let text = button.childNodes[3].textContent;
 
         text == "Show More" ? text = "Show Less" : text = "Show More";
-        
+
         button.childNodes[3].textContent = text;
         button.childNodes[5].classList.toggle("more-btn-inactive");
 
@@ -141,6 +166,7 @@ function updateRepos(data){
     });
 }
 
+
 function fetchTeam(force = false) {
     fetch("./assets/js/members.json")
     .then(

assets/img/icons/udgam2023.jfif

@@ -28,8 +28,8 @@
                             <li><a href="#about" class="waves-effect">About</a></li>
                             <li><a href="#repositories" class="waves-effect">Resources</a></li>
                             <li><a href="#team" class="waves-effect">Team</a></li>
-                            <li><a href="https://docs.google.com/forms/d/e/1FAIpQLSeXAGMHogkI4xk2Br9YvafKpl_AEGmLCUAlzXy6vfcZTmzrqA/viewform" class="waves-effect">SIH 2025 Registration</a></li>
-                            <li><a href="https://docs.google.com/forms/d/e/1FAIpQLSeXAGMHogkI4xk2Br9YvafKpl_AEGmLCUAlzXy6vfcZTmzrqA/viewform" class="waves-effect">Latest Version</a></li>
+                            <li><a href="https://docs.google.com/forms/d/e/1FAIpQLSdLndwPlFao1WUSnB7-xAG7-KANJxbB0aUN9TkfVa-oq0YF5Q/viewform" class="waves-effect">SIH 2025 Registration</a></li>
+                            <li><a href="https://devcans-nitsikkim.vercel.app/" class="waves-effect">Latest Version</a></li>
                         </ul>
                     </div>
                 </nav>
@@ -38,7 +38,9 @@
                     <li><a href="#about" class="waves-effect">About</a></li>
                     <li><a href="#repositories" class="waves-effect">Resources</a></li>
                     <li><a href="#team" class="waves-effect">Team</a></li>
-                    <li><a href="https://docs.google.com/forms/d/e/1FAIpQLSeXAGMHogkI4xk2Br9YvafKpl_AEGmLCUAlzXy6vfcZTmzrqA/viewform" class="waves-effect">SIH 2024 Registration</a></li>
+                    <li><a href="https://docs.google.com/forms/d/e/1FAIpQLSeXAGMHogkI4xk2Br9YvafKpl_AEGmLCUAlzXy6vfcZTmzrqA/viewform" class="waves-effect">SIH 2025 Registration</a></li>
+                    <li><a href="https://devcans-nitsikkim.vercel.app/" class="waves-effect">Latest Version</a></li>
+
                 </ul>
             </div>
         </header>