{"id":11289,"date":"2026-04-18T00:12:08","date_gmt":"2026-04-17T22:12:08","guid":{"rendered":"https:\/\/www.indexall.org\/indexa\/?page_id=11289"},"modified":"2026-04-18T00:12:08","modified_gmt":"2026-04-17T22:12:08","slug":"student-directory","status":"publish","type":"page","link":"https:\/\/www.indexall.org\/indexa\/student-directory\/","title":{"rendered":"Student Directory"},"content":{"rendered":"\n<div class=\"mic-student-directory\">\n    <!-- Header -->\n    <div class=\"directory-header\">\n        <h1>\ud83c\udf93 Student Directory<\/h1>\n        <p>Connect with 0 students<\/p>\n    <\/div>\n\n    <!-- Statistics Bar -->\n    <div class=\"stats-container\">\n        <div class=\"stat-card active\">\n            <a href=\"\/indexa\/wp-json\/wp\/v2\/pages\/11289\">\n                <div class=\"stat-number\">0<\/div>\n                <div class=\"stat-label\">All Students<\/div>\n            <\/a>\n        <\/div>\n        <div class=\"stat-card \">\n            <a href=\"\/indexa\/wp-json\/wp\/v2\/pages\/11289?sstatus=undergraduate\">\n                <div class=\"stat-number\">0<\/div>\n                <div class=\"stat-label\">Undergraduate<\/div>\n            <\/a>\n        <\/div>\n        <div class=\"stat-card \">\n            <a href=\"\/indexa\/wp-json\/wp\/v2\/pages\/11289?sstatus=master\">\n                <div class=\"stat-number\">0<\/div>\n                <div class=\"stat-label\">Master<\/div>\n            <\/a>\n        <\/div>\n        <div class=\"stat-card \">\n            <a href=\"\/indexa\/wp-json\/wp\/v2\/pages\/11289?sstatus=phd\">\n                <div class=\"stat-number\">0<\/div>\n                <div class=\"stat-label\">PhD<\/div>\n            <\/a>\n        <\/div>\n    <\/div>\n\n    <!-- Search Bar -->\n    <div class=\"search-container\">\n        <form method=\"get\" class=\"search-form\">\n            <div class=\"search-wrapper\">\n                <span class=\"search-icon\">\ud83d\udd0d<\/span>\n                <input type=\"text\" name=\"ssearch\" placeholder=\"Search by name or email...\" value=\"\">\n            <\/div>\n            <input type=\"hidden\" name=\"sstatus\" value=\"\">\n            <button type=\"submit\" class=\"btn-search\">Search<\/button>\n            <a href=\"\/indexa\/wp-json\/wp\/v2\/pages\/11289\" class=\"btn-reset\">Reset<\/a>\n        <\/form>\n    <\/div>\n\n    <!-- Student Grid -->\n            <div class=\"no-results\">\n            <div class=\"no-results-icon\">\ud83d\udc65<\/div>\n            <h3>No Students Found<\/h3>\n            <p>No students have submitted their profiles yet.<\/p>\n                            <a href=\"https:\/\/www.indexall.org\/indexa\/register\/\" class=\"btn-register\">\n                    \ud83d\udcdd Register as Student                <\/a>\n                    <\/div>\n    <\/div>\n\n<style>\n.mic-student-directory {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 20px;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n.directory-header {\n    text-align: center;\n    margin-bottom: 30px;\n}\n.directory-header h1 {\n    margin: 0 0 10px;\n    font-size: 2rem;\n    color: #1f2937;\n}\n.stats-container {\n    display: flex;\n    gap: 15px;\n    justify-content: center;\n    margin-bottom: 30px;\n    flex-wrap: wrap;\n}\n.stat-card {\n    text-align: center;\n    padding: 15px 25px;\n    background: white;\n    border-radius: 12px;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n    transition: all 0.3s;\n}\n.stat-card a {\n    text-decoration: none;\n}\n.stat-card.active {\n    background: #1e40af;\n}\n.stat-card.active .stat-number,\n.stat-card.active .stat-label {\n    color: white;\n}\n.stat-number {\n    display: block;\n    font-size: 1.8rem;\n    font-weight: bold;\n    color: #1e40af;\n}\n.stat-label {\n    font-size: 0.85rem;\n    color: #6b7280;\n}\n.search-container {\n    background: #f8fafc;\n    padding: 20px;\n    border-radius: 16px;\n    margin-bottom: 30px;\n}\n.search-form {\n    display: flex;\n    gap: 15px;\n    flex-wrap: wrap;\n    align-items: center;\n}\n.search-wrapper {\n    flex: 2;\n    position: relative;\n    min-width: 200px;\n}\n.search-icon {\n    position: absolute;\n    left: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n}\n.search-wrapper input {\n    width: 100%;\n    padding: 12px 12px 12px 40px;\n    border: 1px solid #ddd;\n    border-radius: 10px;\n    font-size: 14px;\n}\n.btn-search, .btn-reset {\n    padding: 12px 24px;\n    border: none;\n    border-radius: 10px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.3s;\n    text-decoration: none;\n    display: inline-block;\n}\n.btn-search {\n    background: #1e40af;\n    color: white;\n}\n.btn-search:hover {\n    background: #1e3a8a;\n    transform: translateY(-2px);\n}\n.btn-reset {\n    background: #e5e7eb;\n    color: #374151;\n}\n.btn-reset:hover {\n    background: #d1d5db;\n}\n.student-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n    gap: 25px;\n    margin-bottom: 40px;\n}\n.student-card {\n    background: white;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n    transition: all 0.3s;\n}\n.student-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n}\n.student-avatar {\n    position: relative;\n    text-align: center;\n    padding: 20px;\n    background: #f8fafc;\n}\n.student-avatar img {\n    width: 100px;\n    height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n    border: 3px solid #1e40af;\n}\n.status-badge {\n    position: absolute;\n    bottom: 10px;\n    right: 20px;\n    padding: 4px 12px;\n    border-radius: 20px;\n    font-size: 0.75rem;\n    font-weight: 600;\n}\n.status-undergraduate { background: #dbeafe; color: #1e40af; }\n.status-master { background: #c7d2fe; color: #3730a3; }\n.status-phd { background: #e0e7ff; color: #4338ca; }\n.student-info {\n    padding: 20px;\n    text-align: center;\n}\n.student-info h3 {\n    margin: 0 0 5px;\n    font-size: 1.2rem;\n    color: #1f2937;\n}\n.student-username {\n    color: #6b7280;\n    font-size: 0.85rem;\n    margin-bottom: 10px;\n}\n.student-university {\n    font-size: 0.85rem;\n    color: #4b5563;\n    margin-bottom: 10px;\n}\n.student-interests {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    justify-content: center;\n    margin: 10px 0;\n}\n.interest-tag {\n    padding: 3px 10px;\n    background: #f3f4f6;\n    border-radius: 15px;\n    font-size: 0.7rem;\n    color: #374151;\n}\n.student-actions {\n    display: flex;\n    gap: 10px;\n    margin-top: 15px;\n}\n.btn-view-profile, .btn-invite-student {\n    flex: 1;\n    padding: 8px;\n    border: none;\n    border-radius: 8px;\n    font-size: 0.85rem;\n    font-weight: 500;\n    cursor: pointer;\n    text-decoration: none;\n    text-align: center;\n    transition: all 0.3s;\n}\n.btn-view-profile {\n    background: #f3f4f6;\n    color: #1e40af;\n}\n.btn-view-profile:hover {\n    background: #e5e7eb;\n}\n.btn-invite-student {\n    background: #10b981;\n    color: white;\n}\n.btn-invite-student:hover {\n    background: #059669;\n}\n.pagination {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: wrap;\n    margin-top: 30px;\n}\n.page-prev, .page-next {\n    padding: 8px 16px;\n    background: white;\n    border: 1px solid #ddd;\n    border-radius: 8px;\n    text-decoration: none;\n    color: #1e40af;\n    transition: all 0.3s;\n}\n.page-prev:hover, .page-next:hover {\n    background: #1e40af;\n    color: white;\n}\n.page-numbers {\n    display: flex;\n    gap: 5px;\n}\n.page-number {\n    padding: 8px 14px;\n    background: white;\n    border: 1px solid #ddd;\n    border-radius: 8px;\n    text-decoration: none;\n    color: #374151;\n    transition: all 0.3s;\n}\n.page-number:hover,\n.page-number.active {\n    background: #1e40af;\n    color: white;\n    border-color: #1e40af;\n}\n.page-dots {\n    padding: 8px 5px;\n    color: #6b7280;\n}\n.no-results {\n    text-align: center;\n    padding: 60px;\n    background: #f8fafc;\n    border-radius: 16px;\n}\n.no-results-icon {\n    font-size: 4rem;\n    margin-bottom: 20px;\n}\n.no-results h3 {\n    margin: 0 0 10px;\n    color: #374151;\n}\n.no-results p {\n    color: #6b7280;\n    margin-bottom: 20px;\n}\n.btn-submit-profile, .btn-register {\n    display: inline-block;\n    padding: 12px 24px;\n    background: #10b981;\n    color: white;\n    text-decoration: none;\n    border-radius: 10px;\n    transition: all 0.3s;\n}\n.btn-submit-profile:hover, .btn-register:hover {\n    background: #059669;\n    transform: translateY(-2px);\n}\n@media (max-width: 768px) {\n    .student-grid {\n        grid-template-columns: 1fr;\n    }\n    .search-form {\n        flex-direction: column;\n    }\n    .search-wrapper {\n        width: 100%;\n    }\n    .btn-search, .btn-reset {\n        width: 100%;\n        text-align: center;\n    }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    document.querySelectorAll('.btn-invite-student').forEach(btn => {\n        btn.addEventListener('click', function(e) {\n            e.preventDefault();\n            const email = this.dataset.email;\n            const name = this.dataset.name;\n            const inviteForm = document.querySelector('#mic-invite-form');\n            if (inviteForm) {\n                const emailInput = inviteForm.querySelector('input[name=\"invitee_email\"]');\n                const messageInput = inviteForm.querySelector('textarea[name=\"message\"]');\n                if (emailInput) emailInput.value = email;\n                if (messageInput) messageInput.value = `Hi ${name},\\n\\nI'd like to invite you to connect on Indexa.`;\n                inviteForm.scrollIntoView({ behavior: 'smooth' });\n                if (typeof micShowTab === 'function') micShowTab('invite');\n            } else {\n                window.location.href = '\/send-invitation\/?email=' + encodeURIComponent(email) + '&name=' + encodeURIComponent(name);\n            }\n        });\n    });\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"signature_hash":"","ethics_level":"","footnotes":""},"class_list":["post-11289","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.indexall.org\/indexa\/wp-json\/wp\/v2\/pages\/11289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.indexall.org\/indexa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.indexall.org\/indexa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.indexall.org\/indexa\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.indexall.org\/indexa\/wp-json\/wp\/v2\/comments?post=11289"}],"version-history":[{"count":1,"href":"https:\/\/www.indexall.org\/indexa\/wp-json\/wp\/v2\/pages\/11289\/revisions"}],"predecessor-version":[{"id":11290,"href":"https:\/\/www.indexall.org\/indexa\/wp-json\/wp\/v2\/pages\/11289\/revisions\/11290"}],"wp:attachment":[{"href":"https:\/\/www.indexall.org\/indexa\/wp-json\/wp\/v2\/media?parent=11289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}