{"id":9,"date":"2026-05-16T07:03:00","date_gmt":"2026-05-16T07:03:00","guid":{"rendered":"https:\/\/mynorsu.social\/?page_id=9"},"modified":"2026-05-16T07:41:03","modified_gmt":"2026-05-16T07:41:03","slug":"home","status":"publish","type":"page","link":"https:\/\/mynorsu.social\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n \n \n \n \n MyNORSU Social \u2014 Coming Soon<\/title>\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap\" rel=\"stylesheet\" \/>\n\n <style>\n :root {\n --teal: #0f766e;\n --teal-light: #14b8a6;\n --teal-bright: #2dd4bf;\n --teal-dark: #115e59;\n --gold-light: #d4a84a;\n --bg-0: #04221f;\n --text: #ecfdf5;\n --text-soft: #b8d8d2;\n --muted: #7ea49d;\n --border: rgba(45, 212, 191, 0.18);\n --border-strong: rgba(45, 212, 191, 0.32);\n --glass-strong: rgba(8, 57, 51, 0.78);\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n html, body { height: 100%; }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;\n background: var(--bg-0);\n color: var(--text);\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n line-height: 1.5;\n }\n\n .bg {\n position: fixed; inset: 0; z-index: -2;\n background:\n radial-gradient(900px 600px at 12% 8%, rgba(45, 212, 191, 0.22), transparent 60%),\n radial-gradient(800px 700px at 92% 18%, rgba(20, 184, 166, 0.18), transparent 60%),\n radial-gradient(1000px 800px at 50% 110%, rgba(15, 118, 110, 0.35), transparent 65%),\n linear-gradient(180deg, #04221f 0%, #062a26 50%, #04221f 100%);\n }\n\n .grid-overlay {\n position: fixed; inset: 0; z-index: -1;\n background-image:\n linear-gradient(rgba(45, 212, 191, 0.06) 1px, transparent 1px),\n linear-gradient(90deg, rgba(45, 212, 191, 0.06) 1px, transparent 1px);\n background-size: 56px 56px;\n mask-image: radial-gradient(ellipse at center, rgba(0,0,0,0.85), transparent 75%);\n -webkit-mask-image: radial-gradient(ellipse at center, rgba(0,0,0,0.85), transparent 75%);\n pointer-events: none;\n }\n\n .orb { position: fixed; z-index: -1; border-radius: 50%; filter: blur(90px); pointer-events: none; opacity: 0.55; }\n .orb.o1 { width: 480px; height: 480px; top: -120px; left: -100px; background: var(--teal-bright); animation: float 16s ease-in-out infinite; }\n .orb.o2 { width: 420px; height: 420px; bottom: -140px; right: -80px; background: var(--teal); animation: float 20s ease-in-out infinite reverse; }\n .orb.o3 { width: 320px; height: 320px; top: 50%; left: 50%; background: #b68a2f; opacity: 0.18; animation: float-center 24s ease-in-out infinite; }\n\n @keyframes float {\n 0%, 100% { transform: translate(0, 0) scale(1); }\n 33% { transform: translate(40px, -30px) scale(1.05); }\n 66% { transform: translate(-30px, 40px) scale(0.96); }\n }\n @keyframes float-center {\n 0%, 100% { transform: translate(-50%, -50%) scale(1); }\n 50% { transform: translate(-45%, -55%) scale(1.1); }\n }\n\n .nav {\n position: sticky; top: 0; z-index: 50;\n backdrop-filter: blur(18px) saturate(140%);\n -webkit-backdrop-filter: blur(18px) saturate(140%);\n background: linear-gradient(180deg, rgba(4, 34, 31, 0.85), rgba(4, 34, 31, 0.55));\n border-bottom: 1px solid var(--border);\n }\n .nav-inner { max-width: 1200px; margin: 0 auto; padding: 16px 24px; display: flex; align-items: center; justify-content: space-between; }\n .nav-brand { display: flex; align-items: center; gap: 12px; font-weight: 800; font-family: 'Plus Jakarta Sans', sans-serif; letter-spacing: -0.01em; color: var(--text); }\n .nav-brand-mark {\n width: 36px; height: 36px; border-radius: 50%;\n background: linear-gradient(135deg, var(--teal-bright), var(--teal));\n display: grid; place-items: center;\n box-shadow: 0 6px 18px rgba(20, 184, 166, 0.45), inset 0 0 0 1px rgba(255,255,255,0.18);\n }\n .nav-brand-mark svg { width: 18px; height: 18px; color: white; }\n .nav-brand span b { color: var(--teal-bright); }\n .nav-pill {\n font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;\n padding: 8px 14px; border-radius: 999px;\n background: rgba(45, 212, 191, 0.12);\n color: var(--teal-bright); border: 1px solid var(--border-strong);\n }\n\n main { max-width: 1200px; margin: 0 auto; padding: 56px 24px 80px; }\n\n .hero { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 64px; align-items: center; }\n\n .badge {\n display: inline-flex; align-items: center; gap: 10px;\n padding: 8px 14px; border-radius: 999px;\n background: rgba(45, 212, 191, 0.10);\n border: 1px solid var(--border-strong);\n font-size: 12.5px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase;\n color: var(--teal-bright); margin-bottom: 28px;\n }\n .badge-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--teal-bright); box-shadow: 0 0 0 4px rgba(45, 212, 191, 0.22); animation: pulse 2s ease-in-out infinite; }\n @keyframes pulse {\n 0%, 100% { box-shadow: 0 0 0 4px rgba(45, 212, 191, 0.22); }\n 50% { box-shadow: 0 0 0 9px rgba(45, 212, 191, 0); }\n }\n\n h1 {\n font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;\n font-size: clamp(44px, 6.4vw, 84px);\n font-weight: 800; line-height: 1.0; letter-spacing: -0.035em;\n color: #ffffff;\n }\n h1 .grad, h2 .grad {\n background: linear-gradient(110deg, var(--teal-bright) 0%, #5eead4 35%, var(--gold-light) 100%);\n -webkit-background-clip: text; background-clip: text;\n -webkit-text-fill-color: transparent;\n display: inline-block;\n }\n\n h2 {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: clamp(30px, 3.6vw, 44px);\n font-weight: 800; line-height: 1.1; letter-spacing: -0.025em;\n color: #ffffff;\n }\n\n .lede { margin-top: 24px; font-size: 19px; line-height: 1.65; color: var(--text-soft); max-width: 560px; }\n .lede strong { color: var(--text); font-weight: 600; }\n\n .cta-row { margin-top: 36px; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }\n .btn {\n display: inline-flex; align-items: center; gap: 10px;\n padding: 14px 22px; border-radius: 14px; font-weight: 600; font-size: 15px;\n text-decoration: none; cursor: pointer; border: none;\n transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;\n }\n .btn-primary {\n background: linear-gradient(135deg, var(--teal-bright), var(--teal));\n color: white;\n box-shadow: 0 10px 30px rgba(20, 184, 166, 0.35), inset 0 0 0 1px rgba(255,255,255,0.12);\n }\n .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 14px 36px rgba(20, 184, 166, 0.45); }\n .btn-ghost { background: rgba(45, 212, 191, 0.06); color: var(--text); border: 1px solid var(--border-strong); }\n .btn-ghost:hover { background: rgba(45, 212, 191, 0.12); }\n .btn svg { width: 16px; height: 16px; }\n\n .meta-row { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 24px; font-size: 13.5px; color: var(--muted); }\n .meta-row span { display: inline-flex; align-items: center; gap: 8px; }\n .meta-row svg { width: 14px; height: 14px; color: var(--teal-bright); }\n\n .hero-visual { position: relative; display: grid; place-items: center; min-height: 480px; }\n\n .logo-ring {\n position: relative; width: 260px; height: 260px; border-radius: 50%;\n display: grid; place-items: center; animation: bob 6s ease-in-out infinite;\n }\n @keyframes bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }\n .logo-ring::before, .logo-ring::after {\n content: \"\"; position: absolute; inset: -28px; border-radius: 50%;\n border: 1px solid var(--border-strong); animation: spin 22s linear infinite;\n }\n .logo-ring::after { inset: -60px; border: 1px dashed rgba(45, 212, 191, 0.22); animation-duration: 36s; animation-direction: reverse; }\n @keyframes spin { to { transform: rotate(360deg); } }\n\n .logo {\n width: 200px; height: 200px; border-radius: 50%;\n background: linear-gradient(135deg, var(--teal-bright) 0%, var(--teal) 55%, var(--teal-dark) 100%);\n display: grid; place-items: center;\n box-shadow:\n 0 30px 80px rgba(20, 184, 166, 0.55),\n 0 0 0 6px rgba(45, 212, 191, 0.12),\n inset 0 -10px 30px rgba(0,0,0,0.18),\n inset 0 2px 0 rgba(255,255,255,0.22);\n position: relative; overflow: hidden;\n }\n .logo::before {\n content: \"\"; position: absolute; top: -40%; left: -40%; width: 180%; height: 180%;\n background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.5), transparent 45%);\n pointer-events: none;\n }\n .logo-mark { color: white; width: 96px; height: 96px; position: relative; z-index: 1; filter: drop-shadow(0 4px 10px rgba(0,0,0,0.25)); }\n\n .orbit-chip {\n position: absolute; padding: 10px 14px; border-radius: 14px;\n background: var(--glass-strong); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);\n border: 1px solid var(--border-strong); font-size: 13px; font-weight: 600;\n display: inline-flex; align-items: center; gap: 8px; color: var(--text);\n box-shadow: 0 14px 36px rgba(0,0,0,0.35);\n }\n .orbit-chip svg { width: 16px; height: 16px; color: var(--teal-bright); }\n .chip-1 { top: 8%; left: -2%; animation: drift1 8s ease-in-out infinite; }\n .chip-2 { top: 14%; right: -4%; animation: drift2 9s ease-in-out infinite; }\n .chip-3 { bottom: 12%; left: 2%; animation: drift1 11s ease-in-out infinite reverse; }\n .chip-4 { bottom: 6%; right: 0%; animation: drift2 10s ease-in-out infinite reverse; }\n @keyframes drift1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }\n @keyframes drift2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(12px); } }\n\n section.block { margin-top: 100px; }\n .section-head { text-align: center; max-width: 760px; margin: 0 auto 48px; }\n .eyebrow {\n font-size: 12.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase;\n color: var(--teal-bright); margin-bottom: 12px;\n }\n .section-head p { margin-top: 14px; color: var(--text-soft); font-size: 16.5px; }\n\n .features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }\n .feature {\n position: relative; padding: 26px 24px 28px;\n border-radius: 22px;\n background: linear-gradient(180deg, rgba(20, 83, 75, 0.55), rgba(8, 57, 51, 0.35));\n border: 1px solid var(--border);\n overflow: hidden;\n transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;\n }\n .feature::before {\n content: \"\"; position: absolute; inset: 0; border-radius: 22px; pointer-events: none;\n background: radial-gradient(400px 200px at 0% 0%, rgba(45, 212, 191, 0.12), transparent 60%);\n opacity: 0; transition: opacity 0.25s ease;\n }\n .feature:hover { transform: translateY(-4px); border-color: var(--border-strong); box-shadow: 0 24px 50px rgba(0,0,0,0.3); }\n .feature:hover::before { opacity: 1; }\n\n .feature-icon {\n width: 48px; height: 48px; border-radius: 14px;\n display: grid; place-items: center; margin-bottom: 18px;\n background: linear-gradient(135deg, rgba(45, 212, 191, 0.22), rgba(15, 118, 110, 0.22));\n border: 1px solid var(--border-strong);\n }\n .feature-icon svg { width: 22px; height: 22px; color: var(--teal-bright); }\n .feature h3 { font-size: 18px; font-weight: 700; margin-bottom: 8px; color: #ffffff; font-family: 'Plus Jakarta Sans', sans-serif; }\n .feature p { font-size: 14.5px; color: var(--text-soft); line-height: 1.6; }\n\n .norsu-band {\n padding: 44px 40px;\n border-radius: 26px;\n background:\n radial-gradient(600px 300px at 100% 0%, rgba(45, 212, 191, 0.18), transparent 60%),\n linear-gradient(135deg, rgba(15, 118, 110, 0.5), rgba(4, 78, 74, 0.5));\n border: 1px solid var(--border-strong);\n backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\n display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 36px; align-items: center;\n }\n .norsu-band p { color: var(--text-soft); margin-top: 14px; font-size: 16px; line-height: 1.65; max-width: 540px; }\n .norsu-band p strong { color: var(--text); font-weight: 600; }\n .norsu-band .eyebrow { color: var(--gold-light); }\n .norsu-points { display: grid; gap: 14px; }\n .point {\n display: flex; align-items: flex-start; gap: 12px;\n padding: 14px 16px; border-radius: 14px;\n background: rgba(4, 34, 31, 0.55);\n border: 1px solid var(--border);\n }\n .point-ic {\n width: 36px; height: 36px; border-radius: 10px; flex-shrink: 0;\n display: grid; place-items: center;\n background: linear-gradient(135deg, rgba(45, 212, 191, 0.25), rgba(15, 118, 110, 0.25));\n border: 1px solid var(--border-strong);\n }\n .point-ic svg { width: 18px; height: 18px; color: var(--teal-bright); }\n .point-text strong { display: block; font-size: 14.5px; color: #ffffff; margin-bottom: 2px; font-weight: 700; }\n .point-text span { font-size: 13.5px; color: var(--text-soft); line-height: 1.5; }\n\n .notify-card {\n padding: 44px 38px;\n border-radius: 26px;\n background:\n radial-gradient(500px 300px at 0% 0%, rgba(45, 212, 191, 0.20), transparent 60%),\n linear-gradient(135deg, rgba(15, 118, 110, 0.55), rgba(4, 78, 74, 0.55));\n border: 1px solid var(--border-strong);\n backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);\n position: relative; overflow: hidden;\n }\n .notify-card::before {\n content: \"\"; position: absolute; top: -60%; right: -20%; width: 480px; height: 480px;\n background: radial-gradient(circle, rgba(45, 212, 191, 0.22), transparent 60%);\n pointer-events: none;\n }\n .notify-inner { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items: center; }\n .notify-card .lede-note { margin-top: 12px; color: var(--text-soft); font-size: 16px; line-height: 1.6; }\n .notify-form { display: flex; gap: 10px; flex-wrap: wrap; }\n .notify-form input {\n flex: 1; min-width: 220px;\n padding: 14px 18px; border-radius: 12px;\n background: rgba(4, 34, 31, 0.65);\n border: 1px solid var(--border-strong); color: var(--text);\n font-size: 15px; font-family: inherit;\n outline: none; transition: border-color 0.15s ease, background 0.15s ease;\n }\n .notify-form input::placeholder { color: var(--muted); }\n .notify-form input:focus { border-color: var(--teal-bright); background: rgba(4, 34, 31, 0.85); }\n .notify-msg { margin-top: 12px; font-size: 13.5px; color: var(--teal-bright); min-height: 18px; }\n .notify-fine { margin-top: 8px; font-size: 12.5px; color: var(--muted); }\n\n footer { margin-top: 80px; padding: 36px 24px; border-top: 1px solid var(--border); }\n footer .foot-inner {\n max-width: 1200px; margin: 0 auto;\n display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between;\n color: var(--muted); font-size: 13.5px;\n }\n footer a { color: var(--text-soft); text-decoration: none; margin-left: 18px; transition: color 0.15s ease; }\n footer a:hover { color: var(--teal-bright); }\n .foot-brand { display: flex; align-items: center; gap: 10px; }\n .foot-mark { width: 24px; height: 24px; border-radius: 50%; background: linear-gradient(135deg, var(--teal-bright), var(--teal)); }\n\n @media (max-width: 960px) {\n .hero { grid-template-columns: 1fr; gap: 40px; }\n .hero-visual { min-height: 380px; order: -1; }\n .features { grid-template-columns: 1fr 1fr; }\n .norsu-band { grid-template-columns: 1fr; }\n .notify-inner { grid-template-columns: 1fr; gap: 24px; }\n }\n @media (max-width: 600px) {\n main { padding: 36px 18px 56px; }\n .features { grid-template-columns: 1fr; }\n .logo-ring { width: 220px; height: 220px; }\n .logo { width: 168px; height: 168px; }\n .logo-mark { width: 78px; height: 78px; }\n .orbit-chip { font-size: 11.5px; padding: 8px 12px; }\n .chip-1, .chip-3 { left: -8%; }\n .chip-2, .chip-4 { right: -8%; }\n .notify-card, .norsu-band { padding: 32px 22px; }\n .nav-inner { padding: 14px 18px; }\n .nav-pill { display: none; }\n footer .foot-inner { flex-direction: column; gap: 10px; text-align: center; }\n footer a { margin: 0 8px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after { animation-duration: 0.001s !important; animation-iteration-count: 1 !important; transition-duration: 0.001s !important; }\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"bg\" aria-hidden=\"true\"><\/div>\n <div class=\"grid-overlay\" aria-hidden=\"true\"><\/div>\n <div class=\"orb o1\" aria-hidden=\"true\"><\/div>\n <div class=\"orb o2\" aria-hidden=\"true\"><\/div>\n <div class=\"orb o3\" aria-hidden=\"true\"><\/div>\n\n <nav class=\"nav\">\n <div class=\"nav-inner\">\n <div class=\"nav-brand\">\n <div class=\"nav-brand-mark\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/>\n <\/svg>\n <\/div>\n <span>MyNORSU <b>Social<\/b><\/span>\n <\/div>\n <span class=\"nav-pill\">Launching Soon<\/span>\n <\/div>\n <\/nav>\n\n <main>\n <section class=\"hero\">\n <div class=\"hero-copy\">\n <div class=\"badge\"><span class=\"badge-dot\" aria-hidden=\"true\"><\/span> Coming Soon \u00b7 NORSU Community Beta<\/div>\n <h1>For NORSU.<br\/>By <span class=\"grad\">NORSU.<\/span><\/h1>\n <p class=\"lede\">\n MyNORSU Social is the official mobile-first social platform for\n <strong>Negros Oriental State University<\/strong> \u2014\n one home for students, faculty, staff, and alumni to connect, organize,\n and stay informed.\n <\/p>\n\n <div class=\"cta-row\">\n <a href=\"#notify\" class=\"btn btn-primary\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 2 11 13\"\/><path d=\"m22 2-7 20-4-9-9-4 20-7z\"\/><\/svg>\n Get early access\n <\/a>\n <a href=\"#features\" class=\"btn btn-ghost\">\n See what's inside\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n\n <div class=\"meta-row\">\n <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg> Verified NORSU accounts<\/span>\n <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/><path d=\"M12 18h.01\"\/><\/svg> Mobile-first<\/span>\n <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg> Privacy by design<\/span>\n <\/div>\n <\/div>\n\n <div class=\"hero-visual\" aria-hidden=\"true\">\n <div class=\"logo-ring\">\n <div class=\"logo\">\n <svg class=\"logo-mark\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/>\n <\/svg>\n <\/div>\n <\/div>\n\n <div class=\"orbit-chip chip-1\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg>\n Announcements\n <\/div>\n <div class=\"orbit-chip chip-2\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n Communities\n <\/div>\n <div class=\"orbit-chip chip-3\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4\"\/><path d=\"M8 2v4\"\/><path d=\"M3 10h18\"\/><\/svg>\n Events\n <\/div>\n <div class=\"orbit-chip chip-4\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n Chat\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"block\" id=\"features\">\n <div class=\"section-head\">\n <div class=\"eyebrow\">Built for campus life<\/div>\n <h2>Everything NORSU, in <span class=\"grad\">one place.<\/span><\/h2>\n <p>A focused toolkit for the way NORSU communities actually talk, organize, and stay informed \u2014 without the noise of public social media.<\/p>\n <\/div>\n\n <div class=\"features\">\n <div class=\"feature\">\n <div class=\"feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18\"\/><path d=\"M9 21V9\"\/><\/svg><\/div>\n <h3>Campus Feed<\/h3>\n <p>A unified stream of posts, threads, and conversations from the NORSU people and orgs you actually care about.<\/p>\n <\/div>\n <div class=\"feature\">\n <div class=\"feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg><\/div>\n <h3>Official Announcements<\/h3>\n <p>Verified notices, academic alerts, and event updates straight from NORSU offices \u2014 never buried, never missed.<\/p>\n <\/div>\n <div class=\"feature\">\n <div class=\"feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg><\/div>\n <h3>Verified Access<\/h3>\n <p>Approval-based accounts keep the network real \u2014 NORSU students, faculty, staff, and alumni only.<\/p>\n <\/div>\n <div class=\"feature\">\n <div class=\"feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\n <h3>Colleges & Orgs<\/h3>\n <p>Spaces for colleges, classes, student organizations, and alumni chapters \u2014 each with their own feed.<\/p>\n <\/div>\n <div class=\"feature\">\n <div class=\"feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4\"\/><path d=\"M8 2v4\"\/><path d=\"M3 10h18\"\/><path d=\"m9 16 2 2 4-4\"\/><\/svg><\/div>\n <h3>Events & RSVPs<\/h3>\n <p>From thesis defenses to fiestas \u2014 see what's on, register, and get reminders that actually reach you.<\/p>\n <\/div>\n <div class=\"feature\">\n <div class=\"feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg><\/div>\n <h3>Direct & Group Chat<\/h3>\n <p>Talk to classmates, advisers, and orgmates without trading numbers \u2014 all inside one verified NORSU app.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"block\">\n <div class=\"norsu-band\">\n <div>\n <div class=\"eyebrow\">Made for NORSU<\/div>\n <h2>One university.<br\/>One <span class=\"grad\">social home.<\/span><\/h2>\n <p>\n MyNORSU Social isn't a generic social app. It's purpose-built for\n <strong>Negros Oriental State University<\/strong> \u2014 so every feed,\n account, and notification is grounded in the people and places that\n actually make up the NORSU community.\n <\/p>\n <\/div>\n <div class=\"norsu-points\">\n <div class=\"point\">\n <div class=\"point-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21h18\"\/><path d=\"M5 21V7l7-4 7 4v14\"\/><path d=\"M9 9h.01\"\/><path d=\"M9 13h.01\"\/><path d=\"M9 17h.01\"\/><path d=\"M15 9h.01\"\/><path d=\"M15 13h.01\"\/><path d=\"M15 17h.01\"\/><\/svg><\/div>\n <div class=\"point-text\"><strong>NORSU-only network<\/strong><span>Verified members of the NORSU community \u2014 no outsiders, no fake accounts.<\/span><\/div>\n <\/div>\n <div class=\"point\">\n <div class=\"point-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg><\/div>\n <div class=\"point-text\"><strong>Built around your colleges<\/strong><span>Every NORSU college, department, and org gets its own dedicated space.<\/span><\/div>\n <\/div>\n <div class=\"point\">\n <div class=\"point-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\n <div class=\"point-text\"><strong>Student-first privacy<\/strong><span>No ad tracking. No selling data. Just a safer space for campus conversation.<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"block\" id=\"notify\">\n <div class=\"notify-card\">\n <div class=\"notify-inner\">\n <div>\n <div class=\"eyebrow\">Be first in line<\/div>\n <h2>Get notified <span class=\"grad\">when we launch.<\/span><\/h2>\n <p class=\"lede-note\">\n Drop your NORSU email. We'll send your beta invite the moment public testing opens \u2014 no spam, no noise.\n <\/p>\n <\/div>\n <div>\n <form class=\"notify-form\" id=\"notifyForm\" novalidate>\n <input type=\"email\" id=\"notifyEmail\" placeholder=\"your.name@norsu.edu.ph\" aria-label=\"Email address\" required \/>\n <button type=\"submit\" class=\"btn btn-primary\">\n Notify me\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n <\/button>\n <\/form>\n <div class=\"notify-msg\" id=\"notifyMsg\" role=\"status\" aria-live=\"polite\"><\/div>\n <p class=\"notify-fine\">\n By signing up, you agree to receive a single launch notification from MyNORSU Social.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer>\n <div class=\"foot-inner\">\n <div class=\"foot-brand\">\n <div class=\"foot-mark\" aria-hidden=\"true\"><\/div>\n <span>\u00a9 2026 MyNORSU Social \u2014 Built for the NORSU community.<\/span>\n <\/div>\n <nav aria-label=\"Footer\">\n <a href=\"mailto:support@mynorsu.social\">support@mynorsu.social<\/a>\n <a href=\"https:\/\/norsu.edu.ph\/\" target=\"_blank\" rel=\"noopener\">norsu.edu.ph<\/a>\n <a href=\"#features\">Features<\/a>\n <a href=\"#notify\">Notify me<\/a>\n <\/nav>\n <\/div>\n <\/footer>\n\n <script>\n (function () {\n var form = document.getElementById('notifyForm');\n var email = document.getElementById('notifyEmail');\n var msg = document.getElementById('notifyMsg');\n if (!form) return;\n form.addEventListener('submit', function (e) {\n e.preventDefault();\n var v = (email.value || '').trim();\n var ok = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(v);\n if (!ok) {\n msg.style.color = '#fca5a5';\n msg.textContent = 'Please enter a valid email address.';\n return;\n }\n msg.style.color = '';\n msg.textContent = \"You're on the list. We'll send your invite when beta opens.\";\n email.value = '';\n });\n })();\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MyNORSU Social \u2014 Coming Soon MyNORSU Social Launching Soon Coming Soon \u00b7 NORSU Community Beta For NORSU.By NORSU. MyNORSU Social is the official mobile-first social platform for Negros Oriental State University \u2014 one home for students, faculty, staff, and alumni to connect, organize, and stay informed. Get early access See what’s inside Verified NORSU accounts…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mynorsu.social\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mynorsu.social\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mynorsu.social\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mynorsu.social\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mynorsu.social\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":10,"href":"https:\/\/mynorsu.social\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/mynorsu.social\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/26"}],"wp:attachment":[{"href":"https:\/\/mynorsu.social\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}