UPDATE: team-section

team name and designation fixed

Author: Rajangupta09

assets/css/style.css

@@ -623,6 +623,11 @@ main {
     color: #ff5622e1;
 }
 
+.faculty-designation, .member-designation{
+    padding: 0px 6px 0px !important;
+}
+
+
 .basic-details {
     position: relative;
     z-index: 20; 

assets/img/avatar.jpg

@@ -142,36 +142,14 @@ function updateRepos(data){
 }
 
 function fetchTeam(force = false) {
-    fetch("./assets/js/members.json", {
-        headers: {
-            "Accept": "*",
-            "If-None-Match": ls.getKey("team-etag")
-        }
-    }).then(
+    fetch("./assets/js/members.json")
+    .then(
         function(response) {
-            if (response.status == 304) {
-                try {
-                    let data = JSON.parse(ls.getKey("team-data"));
-                    updateTeam(data);
-                    console.log("[LOCAL Team] Loaded cached copy.");
-                } catch (e) {
-                    ls.removeKey("team-etag");
-                    setTimeout(fetchTeam());
-                }
-                return;
-            }
             if (response.status !== 200) {
                 console.log("[FETCH Team] Request failed!. Status Code: " + response.status);
                 return;
             }
-
             response.json().then(function(data) {
-                try {
-                    ls.setKey("team-etag", response.headers.get("etag"));
-                    ls.setKey("team-data", JSON.stringify(data));
-                } catch (e) {
-                    console.log("[FETCH Team] ETag Missing");
-                }
                 updateTeam(data);
             });
             }
@@ -195,10 +173,13 @@ function setMember(info){
     let basicdetails = createElement("div", {class: "basic-details"});
     let img = createElement("img",{class: info.profile+"-image", src: info.img});
     let h3 = createElement("h3", {class: info.profile+"-name"});
+    let h4 = createElement("h4", {class: info.profile+"-designation "+info.profile+"-name ml-2"});
     let innerdetails = createElement("div", {class: "outer-circle"});
     h3.innerHTML = info.name;
+    h4.innerHTML = info.designation;
     basicdetails.appendChild(img);
     basicdetails.appendChild(h3);
+    basicdetails.appendChild(h4);
     outerDiv.appendChild(basicdetails);
     outerDiv.appendChild(innerdetails);
     teamContainer.appendChild(outerDiv);

assets/img/PratyayKuila.jpeg assets/img/faculty/PratyayKuila.jpegassets/img/PratyayKuila.jpeg renamed to assets/img/faculty/PratyayKuila.jpeg

@@ -2,32 +2,37 @@
     "faculty":[
         {
             "profile": "faculty",
-            "img": "/assets/img/PratyayKuila.jpeg",
+            "img": "/assets/img/faculty/PratyayKuila.jpeg",
             "name": "Dr. Pratyay Kuila",
             "designation" : "Faculty advisors"
           },
           {
             "profile": "faculty",
-            "img": "/assets/img/TarunBiswas.jpeg",
+            "img": "/assets/img//faculty/TarunBiswas.jpeg",
             "name": "Dr. Tarun Biswas",
             "designation" : "Faculty advisors"
           }
     ],
     "2021": [
       {
         "profile": "member",
-        "img": "/assets/img/PokalaAnirudh.png",
-        "name": "Pokala Anirudh"
+        "img": "/assets/img/member/PokalaAnirudh.png",
+        "name": "Pokala Anirudh",
+        "designation": "Coordinator"
       },
       {
         "profile": "member",
-        "img": "/assets/img/PrinceRaj.jpg",
-        "name": "Prince Raj"
+        "img": "/assets/img/member/PrinceRaj.jpg",
+        "name": "Prince Raj",
+        "designation": "Coordinator"
+
       },
       {
         "profile": "member",
-        "img": "/assets/img/AbhineshKumar.jpg",
-        "name": "Abhinesh Kumar"
+        "img": "/assets/img/member/AbhineshKumar.jpg",
+        "name": "Abhinesh Kumar",
+        "designation": "Coordinator"
+
       }
     ]
 }

assets/img/TarunBiswas.jpeg assets/img/faculty/TarunBiswas.jpegassets/img/TarunBiswas.jpeg renamed to assets/img/faculty/TarunBiswas.jpeg

@@ -177,7 +177,6 @@ <h4>Feedback</h4>
     <script src="assets/js/main.js"></script>
     <script src="assets/vendor/particles.min.js"></script>
     <script src="assets/js/particle.js"></script>
-    <script src="assets/js/members.js"></script>
 </body>
 
 </html>