|
4 | 4 | <meta charset="UTF-8"> |
5 | 5 | <meta name="viewport" content="width=device-width,initial-scale=1.0"> |
6 | 6 | <title>Master of PHP spells!</title> |
7 | | - <meta property="og:image" content="https://avatars.githubusercontent.com/wizardloop> |
| 7 | + <meta property="og:image" content="https://avatars.githubusercontent.com/WizardLoop"> |
8 | 8 | <link href="https://fonts.googleapis.com/css?family=Orbitron:700&display=swap" rel="stylesheet"> |
9 | 9 | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"> |
10 | 10 | <style> |
|
285 | 285 | <div class="card-container" id="mainPage"> |
286 | 286 | <div class="profile-card"> |
287 | 287 | <div class="card-header"> |
288 | | - <img src="https://avatars.githubusercontent.com/php-wiz" alt="Wizard Avatar" class="avatar" /> |
289 | | - <div class="name">PHPWIZ</div> |
290 | | - <div class="username">@phpwiz</div> |
| 288 | + <img src="https://avatars.githubusercontent.com/WizardLoop" alt="Wizard Avatar" class="avatar" /> |
| 289 | + <div class="name">WizardLoop</div> |
| 290 | + <div class="username">@WizardLoop</div> |
291 | 291 | </div> |
292 | 292 | <div class="about-section"> |
293 | 293 | Backend Developer<br> |
294 | 294 | My code blends creativity and technical wizardry.<br> |
295 | 295 | <span style="color:#8f00ff;">Let me cast a spell on your next project!</span> |
296 | 296 | </div> |
297 | 297 | <div class="socials"> |
298 | | - <a href="https://github.com/wizardloop" target="_blank" title="GitHub"><i class="fab fa-github"></i></a> |
299 | | - <a href="https://t.me/wizardloop" target="_blank" title="Telegram"><i class="fab fa-telegram"></i></a> |
300 | | - <a href="mailto:wizardloop@example.com" title="Email"><i class="fa-solid fa-envelope"></i></a> |
301 | | - <a href="https://linkedin.com/in/wizardloop" target="_blank" title="LinkedIn"><i class="fab fa-linkedin"></i></a> |
| 298 | + <a href="https://github.com/WizardLoop" target="_blank" title="GitHub"><i class="fab fa-github"></i></a> |
| 299 | + <a href="https://t.me/WizardLoop" target="_blank" title="Telegram"><i class="fab fa-telegram"></i></a> |
| 300 | + <a href="mailto:WizardLoop@example.com" title="Email"><i class="fa-solid fa-envelope"></i></a> |
| 301 | + <a href="https://linkedin.com/in/WizardLoop" target="_blank" title="LinkedIn"><i class="fab fa-linkedin"></i></a> |
302 | 302 | </div> |
303 | 303 | <div class="actions"> |
304 | | - <a href="https://github.com/wizardloop" class="action-btn follow" target="_blank" rel="noopener">Follow</a> |
305 | | - <a href="https://t.me/wizardloop" class="action-btn" target="_blank" rel="noopener">Contact</a> |
| 304 | + <a href="https://github.com/WizardLoop" class="action-btn follow" target="_blank" rel="noopener">Follow</a> |
| 305 | + <a href="https://t.me/WizardLoop" class="action-btn" target="_blank" rel="noopener">Contact</a> |
306 | 306 | </div> |
307 | 307 | </div> |
308 | 308 | <!-- magic-echo removed --> |
309 | 309 | </div> |
310 | 310 | <div class="card-container" id="aboutPage" style="display:none;"> |
311 | 311 | <div class="profile-card"> |
312 | 312 | <div class="card-header"> |
313 | | - <img src="https://avatars.githubusercontent.com/wizardloop" alt="Wizard Avatar" class="avatar" /> |
| 313 | + <img src="https://avatars.githubusercontent.com/WizardLoop" alt="Wizard Avatar" class="avatar" /> |
314 | 314 | <div class="name">About Us</div> |
315 | 315 | </div> |
316 | 316 | <div class="about-section"> |
317 | | - Welcome to PHPWIZ!<br> |
| 317 | + Welcome to WizardLoop!<br> |
318 | 318 | We are passionate backend developers conjuring up magical web solutions.<br> |
319 | 319 | Our expertise: PHP, JavaScript, modern web, and app development.<br> |
320 | 320 | <span style="color:#8f00ff;">Let's build something amazing together!</span> |
321 | 321 | </div> |
322 | 322 | <div class="socials"> |
323 | | - <a href="https://github.com/wizardloop" target="_blank" title="GitHub"><i class="fab fa-github"></i></a> |
324 | | - <a href="https://t.me/wizardloop" target="_blank" title="Telegram"><i class="fab fa-telegram"></i></a> |
325 | | - <a href="mailto:wizardloop@example.com" title="Email"><i class="fa-solid fa-envelope"></i></a> |
326 | | - <a href="https://linkedin.com/in/wizardloop" target="_blank" title="LinkedIn"><i class="fab fa-linkedin"></i></a> |
| 323 | + <a href="https://github.com/WizardLoop" target="_blank" title="GitHub"><i class="fab fa-github"></i></a> |
| 324 | + <a href="https://t.me/WizardLoop" target="_blank" title="Telegram"><i class="fab fa-telegram"></i></a> |
| 325 | + <a href="mailto:WizardLoop@example.com" title="Email"><i class="fa-solid fa-envelope"></i></a> |
| 326 | + <a href="https://linkedin.com/in/WizardLoop" target="_blank" title="LinkedIn"><i class="fab fa-linkedin"></i></a> |
327 | 327 | </div> |
328 | 328 | <div class="actions"> |
329 | | - <a href="https://github.com/wizardloop" class="action-btn follow" target="_blank" rel="noopener">GitHub</a> |
330 | | - <a href="https://t.me/wizardloop" class="action-btn" target="_blank" rel="noopener">Telegram</a> |
| 329 | + <a href="https://github.com/WizardLoop" class="action-btn follow" target="_blank" rel="noopener">GitHub</a> |
| 330 | + <a href="https://t.me/WizardLoop" class="action-btn" target="_blank" rel="noopener">Telegram</a> |
331 | 331 | </div> |
332 | 332 | </div> |
333 | 333 | </div> |
334 | 334 | <div class="card-container" id="marketPage" style="display:none;"> |
335 | 335 | <div class="profile-card"> |
336 | 336 | <div class="card-header"> |
337 | | - <img src="https://avatars.githubusercontent.com/wizardloop" alt="Wizard Avatar" class="avatar" /> |
| 337 | + <img src="https://avatars.githubusercontent.com/WizardLoop" alt="Wizard Avatar" class="avatar" /> |
338 | 338 | <div class="name">Market</div> |
339 | 339 | </div> |
340 | 340 | <div class="about-section"> |
|
345 | 345 | <div class="card-container" id="accountPage" style="display:none;"> |
346 | 346 | <div class="profile-card"> |
347 | 347 | <div class="card-header"> |
348 | | - <img src="https://avatars.githubusercontent.com/wizardloop" alt="Wizard Avatar" class="avatar" /> |
| 348 | + <img src="https://avatars.githubusercontent.com/WizardLoop" alt="Wizard Avatar" class="avatar" /> |
349 | 349 | <div class="name">My Account</div> |
350 | 350 | </div> |
351 | 351 | <div class="about-section"> |
|
356 | 356 | <div class="card-container" id="donatePage" style="display:none;"> |
357 | 357 | <div class="profile-card"> |
358 | 358 | <div class="card-header"> |
359 | | - <img src="https://avatars.githubusercontent.com/wizardloop" alt="Wizard Avatar" class="avatar" /> |
| 359 | + <img src="https://avatars.githubusercontent.com/WizardLoop" alt="Wizard Avatar" class="avatar" /> |
360 | 360 | <div class="name">Donate</div> |
361 | 361 | </div> |
362 | 362 | <div class="about-section"> |
|
651 | 651 |
|
652 | 652 | const mainPage = document.getElementById('mainPage'); |
653 | 653 | const aboutPage = document.getElementById('aboutPage'); |
| 654 | + const marketPage = document.getElementById('marketPage'); |
| 655 | + const accountPage = document.getElementById('accountPage'); |
654 | 656 | const donatePage = document.getElementById('donatePage'); |
655 | 657 | const navMain = document.getElementById('navMain'); |
656 | 658 | const navAbout = document.getElementById('navAbout'); |
| 659 | + const navMarket = document.getElementById('navMarket'); |
| 660 | + const navAccount = document.getElementById('navAccount'); |
657 | 661 | const navDonate = document.getElementById('navDonate'); |
658 | 662 | function showPage(page) { |
659 | 663 | mainPage.style.display = page === 'main' ? '' : 'none'; |
660 | 664 | aboutPage.style.display = page === 'about' ? '' : 'none'; |
| 665 | + marketPage.style.display = page === 'market' ? '' : 'none'; |
| 666 | + accountPage.style.display = page === 'account' ? '' : 'none'; |
661 | 667 | donatePage.style.display = page === 'donate' ? '' : 'none'; |
662 | 668 | navMain.classList.toggle('active', page === 'main'); |
663 | 669 | navAbout.classList.toggle('active', page === 'about'); |
| 670 | + navMarket.classList.toggle('active', page === 'market'); |
| 671 | + navAccount.classList.toggle('active', page === 'account'); |
664 | 672 | navDonate.classList.toggle('active', page === 'donate'); |
665 | 673 | } |
666 | 674 | navMain.addEventListener('click', () => showPage('main')); |
667 | 675 | navAbout.addEventListener('click', () => showPage('about')); |
| 676 | + navMarket.addEventListener('click', () => showPage('market')); |
| 677 | + navAccount.addEventListener('click', () => showPage('account')); |
668 | 678 | navDonate.addEventListener('click', () => showPage('donate')); |
669 | 679 | </script> |
670 | 680 | </body> |
|
0 commit comments