diff --git a/assets/img/Joshlogo.png b/assets/img/Joshlogo.png new file mode 100644 index 0000000..7a7ad98 Binary files /dev/null and b/assets/img/Joshlogo.png differ diff --git a/data/data.json b/data/data.json index 57f21d6..f2ed7d4 100644 --- a/data/data.json +++ b/data/data.json @@ -106,7 +106,7 @@ }, { "id": "17", - "name": " Vishwajeetsingh Desurkar", + "name": "Vishwajeetsingh Desurkar", "github": "selectus2", "designation": "", "active":true diff --git a/index.html b/index.html index f39688a..6001ada 100644 --- a/index.html +++ b/index.html @@ -7,14 +7,31 @@ -
-

Josh Innovation Lab

+ + +
+
+

Welcome to Josh Innovation Lab

+

+ At Josh Innovation Lab, we’re pushing the boundaries of technology to drive meaningful innovation. Our team is dedicated to exploring and experimenting with cutting-edge solutions, tackling complex challenges beyond our everyday work. From conversational AI to computer vision and eKYC deepfake detection, we are currently working on a variety of AI-driven projects aimed at transforming industries and creating a smarter future. By blending creativity with technical expertise, we bring visionary ideas to life and shape the technology landscape of tomorrow. +

+
+
+ +
- - - + + +
@@ -34,12 +51,12 @@

Planned Projects

-

Contributors

+

Active Contributors

- Join the Team + Join the Team
@@ -47,6 +64,29 @@

Contributors

function showTab(tabId) { document.querySelectorAll('.tab-content').forEach(tab => tab.classList.add('hidden')); document.getElementById(tabId).classList.remove('hidden'); + + document.querySelectorAll('.btn-selector').forEach(btn => { + btn.classList.add('bg-gray-500'); + btn.classList.remove('bg-blue-500', 'bg-green-500', 'bg-yellow-500'); + }); + + const activeBtn = document.getElementById(`btn-${tabId}`); + activeBtn.classList.remove('bg-gray-500') + activeBtn.classList.add('bg-blue-500'); + } + + showTab('ongoing'); + + function getMemberHTML(member) { + return ` + + ${member.name} +
+

${member.name}

+

${member.designation}

+
+ + `; } function renderProjects(containerElementId, projects, members) { @@ -62,27 +102,19 @@

${project.name}

${project.description}

Team:

-

+
`; project.team.forEach(memberId => { const member = members.find((m) => m.id === memberId); if (member) { - // divContent += `
  • ${member.name}
    • `; - divContent += ` -
    - ${member.name} - -
    `; + divContent += getMemberHTML(member); } }); divContent += `

    - View Repo + View Details
    `; projectDiv.innerHTML = divContent; @@ -96,16 +128,8 @@

    ${member.name}

    members.forEach(member => { if (member.active) { const memberDiv = document.createElement('div'); - const divContent = ` -
    - ${member.name} -
    -

    ${member.name}

    -

    ${member.designation}

    - Profile -
    -
    - `; + const divContent = getMemberHTML(member); + memberDiv.innerHTML = divContent; container.appendChild(memberDiv); } @@ -120,7 +144,7 @@

    ${member.name}

    renderProjects("projects_container_completed", data.projects.completed, data.members); renderProjects("projects_container_planned", data.projects.planned, data.members); - renderMembers(data.members); + renderMembers(sortMembersByName(data.members)); setJoinFormLink(data.join_link); }) @@ -129,7 +153,10 @@

    ${member.name}

    }); } - + function sortMembersByName(members) { + return members.sort((a, b) => a.name.localeCompare(b.name)); + } + function setJoinFormLink(link) { document.getElementById("join_team_link").href = link; }