Connect with us through our social channels and community platforms.
+ + + + ++ 👥 ${memberCount.toLocaleString()} members • + 🟢 ${onlineCount.toLocaleString()} online +
+ `; + heroActions.appendChild(memberDisplay); + + } catch (err) { + console.error('Failed to fetch Discord member count:', err); + } +} + +if (document.querySelector('.hero-actions')) { + discordMembers({ server: 'devscreate' }); +} + +// Team members functionality +// To get avatar URLs: +// 1. Right-click on user's avatar in Discord (browser version) +// 2. Click "Copy Image Address" or "Open Image in New Tab" +// 3. Paste the URL in avatarUrl field below +const teamMembers = [ + { + name: 'Alexx', + avatarUrl: 'https://cdn.discordapp.com/avatars/1144267370769174608/ca49e2a83bab3d72cb1829591036209b.webp', + role: 'Founder' + }, + { + name: 'ブルータス', + avatarUrl: 'https://cdn.discordapp.com/avatars/1419447976107184128/6091dae2b44a70a8d5ee02d06424db53.webp', + role: 'Owner' + }, + { + name: 'kbzx4', + avatarUrl: 'https://cdn.discordapp.com/avatars/1339302301940322344/893a65951cd91dac07fac9ea93c6f243.webp', + role: 'Management' + }, + { + name: 'ItzTreaty', + avatarUrl: 'https://cdn.discordapp.com/avatars/876980860769955891/23c8abf6a0a10023cb8e8a1a7323f65a.webp', + role: 'Management' + }, + { + name: 'Chara', + avatarUrl: 'https://cdn.discordapp.com/avatars/1341372348741324801/ecf2e90e3cf5fb0488cc96e3db48fbf4.webp', + role: 'Management' + }, + { + name: 'AFK / cm | averydoesmagic 🔥 105', + avatarUrl: 'https://cdn.discordapp.com/avatars/567185519063203846/8125888cf7952d1e7168135ed59b2f4f.webp', + role: 'Management' + }, + { + name: 'wintercoder1', + avatarUrl: 'https://cdn.discordapp.com/avatars/983692760072745020/74b7f4384209d260797538f40953e02e.webp', + role: 'Administrator' + } +]; + +async function loadTeamMembers() { + const grid = document.getElementById('team-grid'); + if (!grid) return; + + for (const member of teamMembers) { + try { + const card = document.createElement('div'); + card.className = 'card team-card'; + + // Use provided avatar URL or fallback to placeholder + const avatarUrl = member.avatarUrl && member.avatarUrl.trim() !== '' + ? member.avatarUrl + : 'https://cdn.discordapp.com/embed/avatars/0.png'; + + card.innerHTML = ` +${member.role}
+ `; + + grid.appendChild(card); + } catch (err) { + console.error('Failed to load team member:', err); + } + } +} + +if (document.getElementById('team-grid')) { + loadTeamMembers(); +} + +// Search functionality +const pages = [ + { + title: 'Home', + url: 'index.html', + content: [ + 'A discord server for developers, not like any other!', + 'We are a community of developers who are passionate about learning and sharing our knowledge with others.', + 'Diverse - We have a variety of channels for different languages and frameworks.', + 'Helpful - We are always here to help you with your projects and questions.', + 'Join the server' + ] + }, + { + title: 'Team', + url: 'team.html', + content: [ + 'Our team', + 'Meet the people behind DevsCreate.', + ...teamMembers.map(m => `${m.name} - ${m.role}`) + ] + }, + { + title: 'Contact', + url: 'contact.html', + content: [ + 'Get in touch', + 'Connect with us through our social channels and community platforms.', + 'Discord Server - Join our community of developers', + 'GitHub - Check out our open source projects' + ] + } +]; + +const searchInput = document.getElementById('search-input'); +const searchResults = document.getElementById('search-results'); + +if (searchInput && searchResults) { + searchInput.addEventListener('input', (e) => { + const query = e.target.value.trim().toLowerCase(); + + if (query.length < 2) { + searchResults.classList.remove('show'); + return; + } + + const results = []; + + pages.forEach(page => { + page.content.forEach(text => { + if (text.toLowerCase().includes(query)) { + results.push({ page: page.title, url: page.url, text }); + } + }); + }); + + if (results.length === 0) { + searchResults.innerHTML = 'Meet the people behind DevsCreate.
+ +${member.role}
`; From d65426494dc77795db24dcbbd776454ca5a87ec7 Mon Sep 17 00:00:00 2001 From: herodelombre <106789910+herodelombre@users.noreply.github.com> Date: Sat, 13 Dec 2025 18:07:49 -0500 Subject: [PATCH 4/6] Add cache busting for CSS files --- contact.html | 4 ++-- index.html | 4 ++-- team.html | 4 ++-- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/contact.html b/contact.html index 1ec5d12..dc584cf 100644 --- a/contact.html +++ b/contact.html @@ -7,8 +7,8 @@ - - + + diff --git a/index.html b/index.html index cf2ef7c..9ad1093 100644 --- a/index.html +++ b/index.html @@ -7,8 +7,8 @@ - - + + diff --git a/team.html b/team.html index ca1f361..d839208 100644 --- a/team.html +++ b/team.html @@ -7,8 +7,8 @@ - - + + From 654e792ef9b221703806b0b2b8e64a358a7cee0f Mon Sep 17 00:00:00 2001 From: herodelombre <106789910+herodelombre@users.noreply.github.com> Date: Sat, 13 Dec 2025 18:11:09 -0500 Subject: [PATCH 5/6] Force CSS cache refresh with v3 --- contact.html | 4 ++-- index.html | 4 ++-- team.html | 4 ++-- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/contact.html b/contact.html index dc584cf..72b9ba3 100644 --- a/contact.html +++ b/contact.html @@ -7,8 +7,8 @@ - - + + diff --git a/index.html b/index.html index 9ad1093..e08f4d1 100644 --- a/index.html +++ b/index.html @@ -7,8 +7,8 @@ - - + + diff --git a/team.html b/team.html index d839208..f7d879d 100644 --- a/team.html +++ b/team.html @@ -7,8 +7,8 @@ - - + + From a943a45ab8f32890f2ddcc905ce597f7251a7b77 Mon Sep 17 00:00:00 2001 From: herodelombre <106789910+herodelombre@users.noreply.github.com> Date: Sat, 13 Dec 2025 19:07:08 -0500 Subject: [PATCH 6/6] Add glow effect to team member role colors --- js/app.js | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/js/app.js b/js/app.js index 9b8860c..00ff56b 100644 --- a/js/app.js +++ b/js/app.js @@ -68,37 +68,37 @@ const teamMembers = [ name: 'ブルータス', avatarUrl: 'https://cdn.discordapp.com/avatars/1419447976107184128/6091dae2b44a70a8d5ee02d06424db53.webp', role: 'Owner', - roleColor: '#e91e63' // Replace with actual Discord role color + roleColor: '#0086e6' // Replace with actual Discord role color }, { name: 'kbzx4', avatarUrl: 'https://cdn.discordapp.com/avatars/1339302301940322344/893a65951cd91dac07fac9ea93c6f243.webp', role: 'Management', - roleColor: '#9c27b0' // Replace with actual Discord role color + roleColor: '#0080db' // Replace with actual Discord role color }, { name: 'ItzTreaty', avatarUrl: 'https://cdn.discordapp.com/avatars/876980860769955891/23c8abf6a0a10023cb8e8a1a7323f65a.webp', role: 'Management', - roleColor: '#9c27b0' // Replace with actual Discord role color + roleColor: '#0080db' // Replace with actual Discord role color }, { name: 'Chara', avatarUrl: 'https://cdn.discordapp.com/avatars/1341372348741324801/ecf2e90e3cf5fb0488cc96e3db48fbf4.webp', role: 'Management', - roleColor: '#9c27b0' // Replace with actual Discord role color + roleColor: '#0080db' // Replace with actual Discord role color }, { name: 'AFK / cm | averydoesmagic 🔥 105', avatarUrl: 'https://cdn.discordapp.com/avatars/567185519063203846/8125888cf7952d1e7168135ed59b2f4f.webp', role: 'Management', - roleColor: '#9c27b0' // Replace with actual Discord role color + roleColor: '#0080db' // Replace with actual Discord role color }, { name: 'wintercoder1', avatarUrl: 'https://cdn.discordapp.com/avatars/983692760072745020/74b7f4384209d260797538f40953e02e.webp', role: 'Administrator', - roleColor: '#2196f3' // Replace with actual Discord role color + roleColor: '#0095ff' // Replace with actual Discord role color } ]; @@ -118,7 +118,7 @@ async function loadTeamMembers() { card.innerHTML = `${member.role}
`;