Save Sylvester \u2014 Stand Up, Speak Out<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Archivo:wght@500;600;700;800;900&family=Spline+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --ink:#16130f;\r\n --ink-soft:#2c2620;\r\n --paper:#fbf6ec;\r\n --yellow:#ffcb2e;\r\n --orange:#e2691f;\r\n --coral:#ff4d3d;\r\n --cream:#f4ead4;\r\n --line:rgba(22,19,15,.14);\r\n --shadow:0 18px 40px -18px rgba(22,19,15,.5);\r\n }\r\n *{margin:0;padding:0;box-sizing:border-box}\r\n html{scroll-behavior:smooth}\r\n body{\r\n font-family:'Spline Sans',system-ui,sans-serif;\r\n background:var(--paper);color:var(--ink);\r\n line-height:1.6;-webkit-font-smoothing:antialiased;\r\n overflow-x:hidden;\r\n }\r\n ::selection{background:var(--yellow);color:var(--ink)}\r\n a{color:inherit;text-decoration:none}\r\n .wrap{max-width:1180px;margin:0 auto;padding:0 28px}\r\n\r\n \/* ---------- NAV ---------- *\/\r\n header{\r\n position:sticky;top:0;z-index:50;\r\n background:rgba(251,246,236,.92);backdrop-filter:blur(10px);\r\n border-bottom:2px solid var(--ink);\r\n }\r\n .nav{display:flex;align-items:center;justify-content:space-between;height:64px}\r\n .brand{font-family:'Anton',sans-serif;font-size:23px;letter-spacing:.5px;text-transform:uppercase;display:flex;align-items:center;gap:9px}\r\n .brand .dot{width:13px;height:13px;background:var(--coral);border-radius:50%;display:inline-block;box-shadow:0 0 0 4px rgba(255,77,61,.22)}\r\n .navlinks{display:flex;gap:26px;align-items:center}\r\n .navlinks a{font-weight:600;font-size:14.5px;letter-spacing:.2px;position:relative}\r\n .navlinks a:not(.navcta)::after{content:\"\";position:absolute;left:0;bottom:-5px;width:0;height:2.5px;background:var(--coral);transition:width .25s}\r\n .navlinks a:not(.navcta):hover::after{width:100%}\r\n .navcta{background:var(--ink);color:var(--paper);padding:9px 17px;border-radius:40px;font-weight:700;font-size:14px}\r\n .navcta:hover{background:var(--coral)}\r\n .burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:0;padding:6px}\r\n .burger span{width:26px;height:3px;background:var(--ink);border-radius:3px;transition:.3s}\r\n\r\n \/* ---------- HERO ---------- *\/\r\n .hero{position:relative;padding:74px 0 86px;overflow:hidden}\r\n .hero::before{\r\n content:\"\";position:absolute;inset:0;z-index:0;\r\n background:\r\n radial-gradient(circle at 86% 8%, rgba(255,203,46,.5), transparent 38%),\r\n radial-gradient(circle at 8% 92%, rgba(226,105,31,.28), transparent 42%);\r\n }\r\n .hero .wrap{position:relative;z-index:2}\r\n .eyebrow{display:inline-flex;align-items:center;gap:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:12.5px;\r\n background:var(--ink);color:var(--yellow);padding:7px 15px;border-radius:30px;margin-bottom:26px}\r\n .eyebrow .pulse{width:8px;height:8px;border-radius:50%;background:var(--coral);animation:pulse 1.7s infinite}\r\n @keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}\r\n h1.title{font-family:'Anton',sans-serif;font-weight:400;line-height:.92;letter-spacing:.5px;\r\n font-size:clamp(54px,10vw,128px);text-transform:uppercase}\r\n h1.title .l2{color:var(--orange);-webkit-text-stroke:0}\r\n h1.title .strike{position:relative;display:inline-block}\r\n h1.title .strike::after{content:\"\";position:absolute;left:-2%;right:-2%;top:52%;height:9px;background:var(--coral);transform:rotate(-3deg);border-radius:6px;\r\n animation:slash 1s .5s both cubic-bezier(.7,0,.3,1);transform-origin:left}\r\n @keyframes slash{from{transform:rotate(-3deg) scaleX(0)}to{transform:rotate(-3deg) scaleX(1)}}\r\n\r\nSilas Godwin, [6\/15\/2026 2:28 PM]\r\n.lede{font-size:clamp(17px,2.1vw,21px);max-width:600px;margin:28px 0 34px;color:var(--ink-soft);font-weight:500}\r\n .lede b{color:var(--ink);font-weight:700}\r\n .herobtns{display:flex;gap:14px;flex-wrap:wrap}\r\n .btn{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:16px;padding:15px 26px;border-radius:46px;border:2.5px solid var(--ink);cursor:pointer;transition:transform .15s, background .2s, color .2s}\r\n .btn:hover{transform:translateY(-3px)}\r\n .btn-primary{background:var(--ink);color:var(--paper)}\r\n .btn-primary:hover{background:var(--coral);border-color:var(--coral)}\r\n .btn-ghost{background:transparent;color:var(--ink)}\r\n .btn-ghost:hover{background:var(--yellow)}\r\n .hero-tags{margin-top:46px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}\r\n .hero-tags span{font-size:13px;font-weight:600;background:#fff;border:1.5px solid var(--line);padding:7px 14px;border-radius:30px}\r\n .hashflag{font-family:'Anton',sans-serif;color:var(--orange);font-size:15px;letter-spacing:.5px}\r\n\r\n \/* marquee *\/\r\n .marquee{background:var(--ink);color:var(--paper);overflow:hidden;border-top:3px solid var(--coral);border-bottom:3px solid var(--coral)}\r\n .marquee .track{display:flex;gap:40px;white-space:nowrap;padding:13px 0;width:max-content;animation:scroll 24s linear infinite;font-family:'Anton',sans-serif;letter-spacing:1px;font-size:18px;text-transform:uppercase}\r\n .marquee .track span{display:inline-flex;align-items:center;gap:40px}\r\n .marquee .track i{color:var(--yellow);font-style:normal}\r\n @keyframes scroll{to{transform:translateX(-50%)}}\r\n\r\n \/* ---------- SECTION SHELL ---------- *\/\r\n section{padding:78px 0;position:relative}\r\n .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:42px;flex-wrap:wrap}\r\n .sec-kicker{font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:13px;color:var(--orange);margin-bottom:10px}\r\n .sec-title{font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(34px,5vw,58px);line-height:1;text-transform:uppercase;letter-spacing:.5px}\r\n .sec-sub{max-width:440px;color:var(--ink-soft);font-weight:500;font-size:16px}\r\n\r\n \/* ---------- MISSION ---------- *\/\r\n .mission{background:var(--ink);color:var(--paper)}\r\n .mission .sec-kicker{color:var(--yellow)}\r\n .mission-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:54px;align-items:center}\r\n .mission-grid p{font-size:18px;color:#e8e0d2;margin-bottom:18px}\r\n .mission-grid p b{color:var(--yellow)}\r\n .statcard{background:var(--coral);color:#fff;border-radius:20px;padding:30px;border:3px solid #fff;box-shadow:8px 8px 0 rgba(255,203,46,.9)}\r\n .statcard h3{font-family:'Anton',sans-serif;font-size:25px;text-transform:uppercase;margin-bottom:14px;letter-spacing:.5px}\r\n .statcard ul{list-style:none;display:flex;flex-direction:column;gap:13px}\r\n .statcard li{display:flex;gap:12px;font-weight:600;font-size:15.5px;align-items:flex-start}\r\n .statcard li::before{content:\"\";flex:none;width:11px;height:11px;border-radius:50%;background:var(--yellow);margin-top:6px;box-shadow:0 0 0 3px rgba(255,255,255,.3)}\r\n\r\n \/* ---------- CHAPTERS ---------- *\/\r\n .filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}\r\n .chip{font-weight:700;font-size:14px;padding:9px 17px;border-radius:30px;border:2px solid var(--ink);background:transparent;cursor:pointer;transition:.2s}\r\n .chip[aria-pressed=\"true\"]{background:var(--ink);color:var(--paper)}\r\n .chip:hover{background:var(--yellow)}\r\n .chapters{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}\r\n .ch{position:relative;background:#fff;border:2.5px solid var(--ink);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s, box-shadow .18s;box-shadow:6px 6px 0 var(--cream)}\r\n .ch:hover{transform:translateY(-5px);box-shadow:10px 12px 0 var(--yellow)}\r\n\r\nSilas Godwin, [6\/15\/2026 2:28 PM]\r\n.ch-top{display:flex;gap:16px;padding:22px 22px 6px}\r\n .ch-num{font-family:'Anton',sans-serif;font-size:46px;line-height:.8;color:var(--orange);flex:none}\r\n .ch-tt{flex:1}\r\n .ch-tt h3{font-family:'Archivo',sans-serif;font-weight:900;font-size:20px;line-height:1.1;text-transform:uppercase;letter-spacing:.3px}\r\n .ch-story{font-style:italic;color:var(--orange);font-weight:600;font-size:14px;margin-top:4px}\r\n .ch-body{padding:8px 22px 0;color:var(--ink-soft);font-size:15px;font-weight:500;flex:1}\r\n .ch-foot{display:flex;gap:10px;padding:18px 22px 22px;flex-wrap:wrap}\r\n .pill{font-size:13px;font-weight:700;padding:8px 14px;border-radius:30px;cursor:pointer;border:2px solid var(--ink);background:transparent;display:inline-flex;align-items:center;gap:7px;transition:.18s}\r\n .pill:hover{background:var(--ink);color:var(--paper)}\r\n .pill.watch{background:var(--coral);color:#fff;border-color:var(--coral)}\r\n .pill.watch:hover{background:var(--ink);border-color:var(--ink)}\r\n .ch-tag{position:absolute;top:0;right:0;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--yellow);padding:6px 12px;border-bottom-left-radius:14px;border-left:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink)}\r\n\r\n \/* ---------- VIDEO SERIES ---------- *\/\r\n .videos{background:var(--cream)}\r\n .vlist{display:grid;grid-template-columns:300px 1fr;gap:34px;align-items:start}\r\n .vmenu{display:flex;flex-direction:column;gap:8px;position:sticky;top:84px}\r\n .vmenu button{display:flex;gap:14px;align-items:center;text-align:left;background:#fff;border:2px solid var(--ink);border-radius:14px;padding:13px 15px;cursor:pointer;font-family:inherit;transition:.18s}\r\n .vmenu button .vn{font-family:'Anton',sans-serif;font-size:19px;color:var(--orange);flex:none;width:28px}\r\n .vmenu button .vt{font-weight:700;font-size:14px;line-height:1.2}\r\n .vmenu button:hover{background:var(--yellow)}\r\n .vmenu button[aria-current=\"true\"]{background:var(--ink);color:var(--paper)}\r\n .vmenu button[aria-current=\"true\"] .vn{color:var(--yellow)}\r\n .vstage{background:#fff;border:2.5px solid var(--ink);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}\r\n .vframe{position:relative;aspect-ratio:16\/9;background:linear-gradient(135deg,#1f1a14,#2c2620);display:flex;align-items:center;justify-content:center;color:var(--paper);text-align:center}\r\n .vframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\r\n .vplaceholder{padding:30px;max-width:440px}\r\n .vplaceholder .play{width:74px;height:74px;border-radius:50%;background:var(--coral);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;border:3px solid #fff;box-shadow:0 0 0 6px rgba(255,77,61,.25)}\r\n .vplaceholder .play svg{width:30px;height:30px;margin-left:4px}\r\n .vplaceholder h4{font-family:'Anton',sans-serif;font-size:24px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}\r\n .vplaceholder p{font-size:14.5px;color:#cfc6b6}\r\n .vmeta{padding:22px 24px;display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}\r\n .vmeta h3{font-family:'Archivo',sans-serif;font-weight:900;font-size:21px;text-transform:uppercase}\r\n .vmeta p{font-size:14.5px;color:var(--ink-soft);font-weight:500;margin-top:3px}\r\n .vmeta .runtime{font-weight:700;font-size:13px;background:var(--yellow);padding:7px 13px;border-radius:30px;white-space:nowrap}\r\n\r\n \/* ---------- READER MODAL ---------- *\/\r\n .modal{position:fixed;inset:0;z-index:100;display:none;align-items:flex-start;justify-content:center;padding:34px 18px;background:rgba(22,19,15,.62);backdrop-filter:blur(4px);overflow-y:auto}\r\n .modal.open{display:flex}\r\n .reader{background:var(--paper);max-width:760px;width:100%;border:3px solid var(--ink);border-radius:22px;box-shadow:0 30px 80px -20px rgba(0,0,0,.6);position:relative;animation:pop .3s cubic-bezier(.2,.9,.3,1.2)}\r\n\r\nSilas Godwin, [6\/15\/2026 2:28 PM]\r\n@keyframes pop{from{transform:scale(.94) translateY(14px);opacity:0}to{transform:none;opacity:1}}\r\n .reader-head{position:sticky;top:0;background:var(--ink);color:var(--paper);padding:20px 26px;border-radius:18px 18px 0 0;display:flex;justify-content:space-between;align-items:center;gap:14px;z-index:2}\r\n .reader-head .rk{font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:var(--yellow)}\r\n .reader-head h3{font-family:'Anton',sans-serif;font-size:23px;text-transform:uppercase;letter-spacing:.4px;line-height:1}\r\n .xbtn{flex:none;width:40px;height:40px;border-radius:50%;border:2px solid var(--paper);background:transparent;color:var(--paper);font-size:20px;cursor:pointer;transition:.2s}\r\n .xbtn:hover{background:var(--coral);border-color:var(--coral)}\r\n .reader-body{padding:30px 34px 38px}\r\n .reader-body .story-label{display:inline-block;font-style:italic;font-weight:700;color:var(--orange);margin-bottom:16px;font-size:16px}\r\n .reader-body h4{font-family:'Archivo',sans-serif;font-weight:900;text-transform:uppercase;font-size:16px;letter-spacing:.4px;margin:26px 0 10px;padding-top:18px;border-top:2px solid var(--line)}\r\n .reader-body p{margin-bottom:15px;font-size:16.5px;color:var(--ink-soft)}\r\n .reader-body ul{margin:0 0 15px;padding-left:4px;list-style:none;display:flex;flex-direction:column;gap:10px}\r\n .reader-body li{display:flex;gap:11px;font-size:16px;color:var(--ink-soft)}\r\n .reader-body li::before{content:\"\";flex:none;width:9px;height:9px;border-radius:3px;background:var(--orange);margin-top:8px}\r\n .reader-body li b{color:var(--ink)}\r\n .takeaway{background:var(--yellow);border:2.5px solid var(--ink);border-radius:16px;padding:20px 22px;margin-top:24px;font-weight:600;box-shadow:5px 5px 0 var(--ink)}\r\n .takeaway span{display:block;font-family:'Anton',sans-serif;text-transform:uppercase;font-size:14px;letter-spacing:.1em;margin-bottom:6px}\r\n .reader-watch{margin-top:24px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}\r\n\r\n \/* ---------- HELP STRIP ---------- *\/\r\n .help{background:var(--coral);color:#fff}\r\n .help .wrap{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}\r\n .help h2{font-family:'Anton',sans-serif;font-size:clamp(26px,4vw,42px);text-transform:uppercase;line-height:1;letter-spacing:.5px}\r\n .help p{font-weight:600;max-width:430px;margin-top:10px}\r\n .help .btn{border-color:#fff;background:#fff;color:var(--ink)}\r\n .help .btn:hover{background:var(--ink);color:#fff}\r\n\r\n \/* ---------- FOOTER ---------- *\/\r\n footer{background:var(--ink);color:var(--paper);padding:60px 0 34px}\r\n .foot-grid{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-bottom:40px}\r\n .foot-quote{max-width:520px}\r\n .foot-quote .q{font-family:'Archivo',sans-serif;font-weight:800;font-size:22px;line-height:1.3}\r\n .foot-quote .by{margin-top:14px;color:var(--yellow);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:13px}\r\n .foot-cols{display:flex;gap:54px;flex-wrap:wrap}\r\n .foot-cols h5{font-family:'Anton',sans-serif;font-size:15px;letter-spacing:.5px;text-transform:uppercase;color:var(--yellow);margin-bottom:14px}\r\n .foot-cols a,.foot-cols span{display:block;color:#d8d0c2;font-size:14.5px;margin-bottom:9px;cursor:pointer}\r\n .foot-cols a:hover{color:#fff}\r\n .foot-bottom{border-top:1px solid rgba(255,255,255,.16);padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#a99f8f}\r\n .foot-bottom .dedi{color:var(--yellow)}\r\n\r\n \/* ---------- RESPONSIVE ---------- *\/\r\n @media(max-width:860px){\r\n .mission-grid{grid-template-columns:1fr;gap:34px}\r\n .chapters{grid-template-columns:1fr}\r\n .vlist{grid-template-columns:1fr}\r\n .vmenu{position:static;flex-direction:row;overflow-x:auto;padding-bottom:6px}\r\n\r\nSilas Godwin, [6\/15\/2026 2:28 PM]\r\n.vmenu button{flex:none;min-width:210px}\r\n .navlinks{position:fixed;inset:64px 0 auto 0;background:var(--paper);flex-direction:column;align-items:flex-start;padding:20px 28px;border-bottom:2px solid var(--ink);gap:18px;transform:translateY(-130%);transition:transform .3s;box-shadow:var(--shadow)}\r\n .navlinks.show{transform:none}\r\n .burger{display:flex}\r\n }\r\n @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<header>\r\n <div class=\"wrap nav\">\r\n <a href=\"#top\" class=\"brand\"><span class=\"dot\"><\/span>Save Sylvester<\/a>\r\n <nav class=\"navlinks\" id=\"navlinks\">\r\n <a href=\"#mission\">The Mission<\/a>\r\n <a href=\"#chapters\">Chapters<\/a>\r\n <a href=\"#watch\">Watch<\/a>\r\n <a href=\"#help\" class=\"navcta\">Get Help<\/a>\r\n <\/nav>\r\n <button class=\"burger\" id=\"burger\" aria-label=\"Menu\"><span><\/span><span><\/span><span><\/span><\/button>\r\n <\/div>\r\n<\/header>\r\n\r\n\r\n<div id=\"top\" class=\"hero\">\r\n <div class=\"wrap\">\r\n <span class=\"eyebrow\"><span class=\"pulse\"><\/span>An anti-bullying movement for teens<\/span>\r\n <h1 class=\"title\">Bullying<br>thrives in<br><span class=\"strike\">silence.<\/span><br><span class=\"l2\">Break it.<\/span><\/h1>\r\n <p class=\"lede\">Seven chapters. Seven true-to-life stories. One promise \u2014 that <b>no student stands alone.<\/b> Read it, watch it, and learn how to stand up, speak out, and protect each other.<\/p>\r\n <div class=\"herobtns\">\r\n <a href=\"#chapters\" class=\"btn btn-primary\">Start reading \u2192<\/a>\r\n <a href=\"#watch\" class=\"btn btn-ghost\">\u25b6 Watch the series<\/a>\r\n <\/div>\r\n <div class=\"hero-tags\">\r\n <span class=\"hashflag\">#SaveSylvester<\/span>\r\n <span>Respect<\/span><span>Tolerance<\/span><span>Courage<\/span><span>Empathy<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<div class=\"marquee\" aria-hidden=\"true\">\r\n <div class=\"track\">\r\n <span><i>\u2605<\/i> Speak up <i>\u2605<\/i> Don't join in <i>\u2605<\/i> Get help <i>\u2605<\/i> Stand together <i>\u2605<\/i> Respect everyone <i>\u2605<\/i> Break the cycle <i>\u2605<\/i> Speak up <i>\u2605<\/i> Don't join in <i>\u2605<\/i> Get help <i>\u2605<\/i> Stand together <i>\u2605<\/i> Respect everyone <i>\u2605<\/i> Break the cycle <\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<section class=\"mission\" id=\"mission\">\r\n <div class=\"wrap\">\r\n <div class=\"sec-head\">\r\n <div>\r\n <div class=\"sec-kicker\">Why this exists<\/div>\r\n <h2 class=\"sec-title\">In memory of<br>Sylvester Oromoni<\/h2>\r\n <\/div>\r\n <p class=\"sec-sub\">A bright, promising young boy whose life was taken by bullying. This is for him \u2014 and for every student who has ever felt unsafe at school.<\/p>\r\n <\/div>\r\n <div class=\"mission-grid\">\r\n <div>\r\n <p>Bullying is one of the most common \u2014 and most ignored \u2014 problems in our schools. It shows up as <b>fists, words, rumors, exclusion, and screens.<\/b> It leaves scars you can see and many you can't.<\/p>\r\n <p>But here's the truth at the heart of every story in this booklet: bullies only win when the rest of us stay quiet. The moment one person speaks up, the whole cycle starts to break.<\/p>\r\n <p><b>That person can be you.<\/b><\/p>\r\n <\/div>\r\n <div class=\"statcard\">\r\n <h3>What you'll learn<\/h3>\r\n <ul>\r\n <li>How to recognise every type of bullying \u2014 including the online kind<\/li>\r\n <li>What to do as a target, and as a bystander<\/li>\r\n <li>How friendship and self-worth become your shield<\/li>\r\n <li>How to lead change in your own school<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"chapters\">\r\n <div class=\"wrap\">\r\n <div class=\"sec-head\">\r\n <div>\r\n <div class=\"sec-kicker\">The booklet<\/div>\r\n <h2 class=\"sec-title\">Seven chapters,<br>seven stories<\/h2>\r\n <\/div>\r\n <p class=\"sec-sub\">Each chapter follows a real-to-life story, then breaks down what it teaches. Read here, or jump to the video explainer.<\/p>\r\n\r\nSilas Godwin, [6\/15\/2026 2:28 PM]\r\n<\/div>\r\n <div class=\"filters\" id=\"filters\">\r\n <button class=\"chip\" aria-pressed=\"true\" data-f=\"all\">All chapters<\/button>\r\n <button class=\"chip\" aria-pressed=\"false\" data-f=\"know\">Know the problem<\/button>\r\n <button class=\"chip\" aria-pressed=\"false\" data-f=\"act\">Take action<\/button>\r\n <\/div>\r\n <div class=\"chapters\" id=\"chgrid\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"videos\" id=\"watch\">\r\n <div class=\"wrap\">\r\n <div class=\"sec-head\">\r\n <div>\r\n <div class=\"sec-kicker\">For audio-visual learners<\/div>\r\n <h2 class=\"sec-title\">Watch the series<\/h2>\r\n <\/div>\r\n <p class=\"sec-sub\">Every chapter, explained on screen. Pick an episode \u2014 players are ready for your video links.<\/p>\r\n <\/div>\r\n <div class=\"vlist\">\r\n <div class=\"vmenu\" id=\"vmenu\"><\/div>\r\n <div class=\"vstage\">\r\n <div class=\"vframe\" id=\"vframe\"><\/div>\r\n <div class=\"vmeta\">\r\n <div>\r\n <h3 id=\"vtitle\"><\/h3>\r\n <p id=\"vdesc\"><\/p>\r\n <\/div>\r\n <span class=\"runtime\" id=\"vrun\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"help\" id=\"help\">\r\n <div class=\"wrap\">\r\n <div>\r\n <h2>Being bullied?<br>Don't carry it alone.<\/h2>\r\n <p>Tell a teacher, counselor, prefect, or any adult you trust. Speaking up is not weakness \u2014 it's the bravest move there is.<\/p>\r\n <\/div>\r\n <a href=\"#chapters\" class=\"btn\">Read how to respond \u2192<\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<footer>\r\n <div class=\"wrap\">\r\n <div class=\"foot-grid\">\r\n <div class=\"foot-quote\">\r\n <div class=\"q\">\"True tolerance and respect among peers is not just the absence of judgement or discrimination, but an active embrace of diversity, understanding, and empathy.\"<\/div>\r\n <div class=\"by\">\u2014 Promise Obi, Author<\/div>\r\n <\/div>\r\n <div class=\"foot-cols\">\r\n <div>\r\n <h5>Read<\/h5>\r\n <a href=\"#chapters\">All chapters<\/a>\r\n <a href=\"#mission\">The mission<\/a>\r\n <a href=\"#watch\">Video series<\/a>\r\n <\/div>\r\n <div>\r\n <h5>Act<\/h5>\r\n <span>Speak up<\/span>\r\n <span>Be a bystander<\/span>\r\n <span>Start a campaign<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"foot-bottom\">\r\n <span>The Bright Side of School \u00b7 School Health Publication \u00b7 Vol. 1<\/span>\r\n <span class=\"dedi\">In loving memory of Sylvester Oromoni \u00b7 #SaveSylvester<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n\r\n<div class=\"modal\" id=\"modal\">\r\n <div class=\"reader\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"rtitle\">\r\n <div class=\"reader-head\">\r\n <div>\r\n <div class=\"rk\" id=\"rkick\"><\/div>\r\n <h3 id=\"rtitle\"><\/h3>\r\n <\/div>\r\n <button class=\"xbtn\" id=\"xbtn\" aria-label=\"Close\">\u2715<\/button>\r\n <\/div>\r\n <div class=\"reader-body\" id=\"rbody\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst CHAPTERS = [\r\n {\r\n n:1, group:\"act\", title:\"Peer Respect & Tolerance\", story:\"Tobi and Musa's Story\",\r\n runtime:\"5 min\", tag:\"Start here\",\r\n desc:\"What real respect looks like \u2014 and why it has nothing to do with what you own.\",\r\n vdesc:\"How character, not status, earns respect.\",\r\n storyP:[\r\n \"In a highly competitive secondary school in Lagos, Tobi was the king of his class. He had the latest sneakers, the newest phone, and a sharp tongue. When Musa, a quiet scholarship student, joined the class, Tobi immediately mocked Musa's worn-out school bag and simple sandals.\",\r\n \"One afternoon, Tobi lost his transport fare during break time. While Tobi's \\u201Cpopular\\u201D friends walked away to the bus stop, it was Musa who stayed behind, helping Tobi search the entire field until the money was found near the goalpost. Musa didn't ask for a reward; he just handed it over and walked away. Tobi realized then that respect isn't measured by what you own or how loud you are, but by the weight of your character when someone else is vulnerable.\"\r\n\r\nSilas Godwin, [6\/15\/2026 2:28 PM]\r\n],\r\n take:\"Material things and social status are temporary. True respect is earned through character and how you treat people when they have nothing to offer you.\",\r\n sections:[\r\n {h:\"What is peer respect & tolerance?\", p:[\"It's treating your fellow students with dignity, valuing their differences, and accepting them without judgment \u2014 regardless of background, beliefs, appearance, or social status. It applies to classmates, seniors, and juniors alike, everywhere in school, every single day.\"]},\r\n {h:\"Why it matters\", list:[[\"Improved academic performance: \",\"students who feel respected engage more and achieve more.\"],[\"Stronger social connection: \",\"acceptance builds positive relationships with peers and teachers.\"],[\"Less bullying and conflict: \",\"respect leaves no room for harmful behavior.\"],[\"Better mental health: \",\"feeling valued protects against anxiety, depression, and isolation.\"]]}\r\n ]\r\n },\r\n {\r\n n:2, group:\"know\", title:\"Understanding Diversity\", story:\"Chinedu and Amina's Story\",\r\n runtime:\"6 min\", tag:\"\",\r\n desc:\"Why the differences you mock might be someone's greatest strength.\",\r\n vdesc:\"Turning stereotypes into respect.\",\r\n storyP:[\r\n \"In a boarding school in Kaduna, Chinedu was the star striker \u2014 loud, proud of his roots, and only comfortable around people exactly like him. When Amina, a quiet transfer student from a village in Borno, joined mid-term, he mocked her accent and her hijab and told his friends she could never keep up.\",\r\n \"Then his science-competition partner fell ill, and Amina was his only option. Reluctantly paired, he expected to carry her. Instead she opened a notebook full of brilliant solar-grid designs, inspired by her village's struggle with water scarcity. Combining his presentation skills with her technical genius, they won first place at the national finals.\"\r\n ],\r\n take:\"Diversity is not a barrier to unity, but a warehouse of untapped potential. When we lock people into narrow stereotypes, we miss out on the brilliance they bring. Real progress starts when we celebrate differences as strengths.\",\r\n sections:[\r\n {h:\"The benefits of diversity\", p:[\"When we embrace diversity, we learn from each other and become more open-minded. It sparks creativity, builds stronger communities, and fosters a real sense of unity.\"]},\r\n {h:\"Overcoming stereotypes & biases\", p:[\"We all carry biases, whether we admit it or not. Stereotypes are preconceived notions about groups of people, and they're harmful and unfair. The work is to recognise them, challenge them, and learn to see people for who they truly are.\"]}\r\n ]\r\n },\r\n {\r\n n:3, group:\"know\", title:\"The Cycle of Bullying\", story:\"Tunde, Tari & the Silent Classroom\",\r\n runtime:\"8 min\", tag:\"Core chapter\",\r\n desc:\"Every type of bullying, its impact, the warning signs \u2014 and how to respond.\",\r\n vdesc:\"How silence keeps the cycle alive.\",\r\n storyP:[\r\n \"In a school in Port Harcourt, a senior named Tunde ruled the hostel by fear, forcing juniors to serve him. Tari, a gentle JSS2 student, became his favourite target. Tari stopped smiling, his grades collapsed, and he lived in constant anxiety. Classmates noticed \u2014 but feared becoming the next victim, so they looked away.\",\r\n \"One evening, a prefect named Emeka watched Tari break down in tears and realised that staying silent was feeding the monster. Instead of confronting Tunde alone, he gathered three other prefects and reported the extortion to the Vice-Principal. Tunde was suspended; Tari finally got support. Bullies, Emeka proved, only thrive when the crowd stays silent.\"\r\n ],\r\n take:\"The cycle of bullying thrives in silence. When you witness oppression and look away, you become part of the cycle. Breaking it takes courage from bystanders to speak up, report, and protect those who can't protect themselves.\",\r\n\r\nSilas Godwin, [6\/15\/2026 2:28 PM]\r\nsections:[\r\n {h:\"The 5 types of bullying\", list:[[\"Physical: \",\"hitting, pushing, or damaging property.\"],[\"Verbal: \",\"teasing, name-calling, or threats.\"],[\"Relational: \",\"rumors, exclusion, or manipulation.\"],[\"Cyberbullying: \",\"harassment through social media, texting, or email.\"],[\"Sexual: \",\"unwanted sexual comments, gestures, or actions.\"]]},\r\n {h:\"Signs someone is being bullied\", list:[[\"Physical: \",\"unexplained bruises, headaches, trouble sleeping.\"],[\"Emotional: \",\"anxiety, withdrawal, loss of interest.\"],[\"Behavioral: \",\"avoiding places or people, dropping grades.\"],[\"Social: \",\"fewer friends, spending more time alone.\"]]},\r\n {h:\"How to respond\", list:[[\"Stay calm: \",\"don't give the bully the reaction they want.\"],[\"Get support: \",\"tell a trusted friend, family member, or teacher.\"],[\"Report it: \",\"if it continues or you feel unsafe, tell an adult in authority.\"]]},\r\n {h:\"The role of the bystander\", p:[\"A bystander can ignore it, step in, or report it. Ignoring sends the message that bullying is acceptable. An active bystander challenges the behavior, supports the target, or brings in an adult. Speak up, don't join in, and get help.\"]}\r\n ]\r\n },\r\n {\r\n n:4, group:\"act\", title:\"Social Skills & Friendship\", story:\"Seyi's Circle\",\r\n runtime:\"5 min\", tag:\"\",\r\n desc:\"How friendship becomes a shield \u2014 and how to build one.\",\r\n vdesc:\"Friendship as protection against bullying.\",\r\n storyP:[\r\n \"Seyi transferred to a new school in Ibadan and felt completely isolated. His shyness made him an easy target, and an unkind clique hid his notebooks and teased him because no one stood up for him.\",\r\n \"One morning a classmate named Kemi noticed him sitting alone, sat down, and struck up a conversation about his comic book. She brought him into her circle of friends, who welcomed him and pulled him into their WAEC study group. The next time the clique came for Seyi, Kemi's friends stood beside him \u2014 and the bullies backed off for good.\"\r\n ],\r\n take:\"Good social skills and positive friendships act as a protective shield against bullying. By reaching out to those who are isolated and building a supportive community, we create a place where everyone feels safe and valued.\",\r\n sections:[\r\n {h:\"Build your circle\", list:[[\"Be friendly and approachable: \",\"smile, greet others, stay open even to people different from you.\"],[\"Listen actively: \",\"focus on what people say and how they feel.\"],[\"Respect boundaries: \",\"mind personal space and comfort levels.\"],[\"Be honest: \",\"speak truthfully and never spread rumors.\"]]}\r\n ]\r\n },\r\n {\r\n n:5, group:\"act\", title:\"Self-Care & Resilience\", story:\"Ngozi's Shield\",\r\n runtime:\"6 min\", tag:\"\",\r\n desc:\"Build the inner strength that strips bullies of their power.\",\r\n vdesc:\"Building unshakeable self-worth.\",\r\n storyP:[\r\n \"Ngozi, an overweight teenager who loved poetry, was targeted by classmates who mocked her body and posted cruel comments online. For months she cried herself to sleep and wanted to drop out.\",\r\n \"Her counselor introduced her to self-care and resilience, teaching her that her worth was not defined by others' words. Ngozi poured her feelings into poetry, joined the writing club, and practiced affirmations each morning. When the bullies tried again, she met them calmly and walked away with her head high. Her self-worth became unshakeable, and the bullies eventually gave up.\"\r\n ],\r\n take:\"Resilience doesn't mean you never feel pain; it means you build the inner strength to recover from it. By caring for your mental health and your sense of self-worth, you strip bullies of their power over your emotions.\",\r\n sections:[\r\n {h:\"Care for all of you\", p:[\"Resilience grows from looking after your physical, emotional, mental, and spiritual health. Find your outlet, seek support when you need it, and remember: you are strong, capable, and deserving of respect and kindness.\"]}\r\n\r\nSilas Godwin, [6\/15\/2026 2:28 PM]\r\n]\r\n },\r\n {\r\n n:6, group:\"act\", title:\"Building a Positive Community\", story:\"The Assembly Revolution\",\r\n runtime:\"6 min\", tag:\"\",\r\n desc:\"How students turned a toxic school into a culture of respect.\",\r\n vdesc:\"Students reforming their own school.\",\r\n storyP:[\r\n \"At a community high school in Enugu, bullying had become normal \u2014 seniors humiliated juniors and the whole atmosphere was toxic. Moved by Sylvester's story, a group of students decided enough was enough.\",\r\n \"They formed the \\u201CPeer Respect Campaign,\\u201D won the principal's backing, and led a morning assembly on the real impact of bullying. They put up posters, set up an anonymous report box, and ran peer-mediation groups. Slowly, juniors stopped hiding, seniors began mentoring, and the school transformed into a positive community.\"\r\n ],\r\n take:\"A safe school doesn't happen by accident; it's built through awareness, education, and collective action. When students stand together to demand inclusion, they have the power to reform their entire community.\",\r\n sections:[\r\n {h:\"Why anti-bullying education matters\", list:[[\"Prevention: \",\"understanding bullying helps stop it before it starts.\"],[\"Empathy: \",\"education builds respect and reduces harm.\"],[\"Safe learning: \",\"a safe environment lets everyone thrive.\"],[\"Supporting victims: \",\"it empowers targets to speak out.\"],[\"Positive behavior: \",\"it teaches kindness, respect, and inclusion.\"]]}\r\n ]\r\n },\r\n {\r\n n:7, group:\"act\", title:\"Leadership & Advocacy\", story:\"The Voice of Awka: Funsho's Advocacy\",\r\n runtime:\"7 min\", tag:\"Finale\",\r\n desc:\"Six steps to lead change and protect future students.\",\r\n vdesc:\"Turning one voice into lasting policy.\",\r\n storyP:[\r\n \"At a missionary school in Awka, an observant SS3 student named Funsho spotted a gap: physical fights were banned, but there was no way to report online bullying. The danger became real when his classmate Nonso was driven into depression by an online smear campaign \u2014 and the school dismissed it as outside their jurisdiction.\",\r\n \"Funsho refused to let it go. He researched digital citizenship, drafted a \\u201CDigital Safety and Anti-Bullying Charter,\\u201D and presented it to the Board of Governors and Ministry officials. Impressed, the board adopted it and set up a secure anonymous reporting portal \u2014 protecting future generations of students from suffering in silence.\"\r\n ],\r\n take:\"Leadership is using your voice to stand up for justice and build structural solutions for your peers. True student leaders don't just complain about problems \u2014 they advocate for the changes that prevent harm and uplift others.\",\r\n sections:[\r\n {h:\"Six steps to lead change\", list:[[\"Lead by example: \",\"treat everyone with respect, even those you disagree with.\"],[\"Join clubs: \",\"connect with others who share your passion for change.\"],[\"Educate yourself: \",\"learn the types of bullying and how to spot them.\"],[\"Speak up: \",\"tell targets you support them and you're there to help.\"],[\"Advocate: \",\"use your voice with school boards and community leaders to change policy.\"],[\"Be inclusive: \",\"mind your language and bring others in.\"]]}\r\n ]\r\n }\r\n];\r\n\r\n\/* ---- render chapter cards ---- *\/\r\nconst grid = document.getElementById('chgrid');\r\nfunction renderCards(filter='all'){\r\n grid.innerHTML='';\r\n CHAPTERS.filter(c=>filter==='all'||c.group===filter).forEach(c=>{\r\n const el=document.createElement('article');\r\n el.className='ch';\r\n el.innerHTML=\r\n ${c.tag?<div class=\"ch-tag\">${c.tag}<\/div>:''}\r\n <div class=\"ch-top\">\r\n <div class=\"ch-num\">${String(c.n).padStart(2,'0')}<\/div>\r\n <div class=\"ch-tt\"><h3>${c.title}<\/h3><div class=\"ch-story\">${c.story}<\/div><\/div>\r\n <\/div>\r\n <div class=\"ch-body\">${c.desc}<\/div>\r\n <div class=\"ch-foot\">\r\n <button class=\"pill read\" data-n=\"${c.n}\">Read chapter<\/button>\r\n <button class=\"pill watch\" data-n=\"${c.n}\">\u25b6 Watch<\/button>\r\n <\/div>;\r\n grid.appendChild(el);\r\n });\r\n}\r\nrenderCards();\r\n\r\n\/* ---- filters ---- *\/\r\ndocument.getElementById('filters').addEventListener('click',e=>{\r\n const b=e.target.closest('.chip');if(!b)return;\r\n document.querySelectorAll('.chip').forEach(c=>c.setAttribute('aria-pressed','false'));\r\n b.setAttribute('aria-pressed','true');\r\n renderCards(b.dataset.f);\r\n});\r\n\r\n\/* ---- reader modal ---- *\/\r\nconst modal=document.getElementById('modal');\r\nfunction openReader(n){\r\n const c=CHAPTERS.find(x=>x.n===n);\r\n document.getElementById('rkick').textContent=Chapter ${c.n} \u00b7 ${c.story};\r\n document.getElementById('rtitle').textContent=c.title;\r\n const body=document.getElementById('rbody');\r\n let html=<span class=\"story-label\">${c.story}<\/span>;\r\n c.storyP.forEach(p=>html+=<p>${p}<\/p>);\r\n html+=<div class=\"takeaway\"><span>The takeaway<\/span>${c.take}<\/div>;\r\n c.sections.forEach(s=>{\r\n html+=<h4>${s.h}<\/h4>;\r\n if(s.p)s.p.forEach(p=>html+=<p>${p}<\/p>);\r\n if(s.list){html+='<ul>';s.list.forEach(([b,t])=>html+=<li><span><b>${b}<\/b>${t}<\/span><\/li>);html+='<\/ul>';}\r\n });\r\n html+=<div class=\"reader-watch\"><button class=\"btn btn-primary gowatch\" data-n=\"${c.n}\">\u25b6 Watch this chapter<\/button><\/div>;\r\n body.innerHTML=html;\r\n body.scrollTop=0;\r\n modal.classList.add('open');\r\n document.body.style.overflow='hidden';\r\n}\r\nfunction closeReader(){modal.classList.remove('open');document.body.style.overflow='';}\r\ndocument.getElementById('xbtn').onclick=closeReader;\r\nmodal.addEventListener('click',e=>{if(e.target===modal)closeReader();});\r\ndocument.addEventListener('keydown',e=>{if(e.key==='Escape')closeReader();});\r\n\r\n\/* ---- video player ---- *\/\r\nconst VIDEOS = {}; \/\/ chapter n -> embed URL. Fill these in to go live, e.g. VIDEOS[1]=\"https:\/\/www.youtube.com\/embed\/XXXX\";\r\nconst vmenu=document.getElementById('vmenu');\r\nconst vframe=document.getElementById('vframe');\r\nfunction renderVideoMenu(active=1){\r\n vmenu.innerHTML='';\r\n CHAPTERS.forEach(c=>{\r\n const b=document.createElement('button');\r\n b.setAttribute('aria-current',c.n===active?'true':'false');\r\n b.dataset.n=c.n;\r\n b.innerHTML=<span class=\"vn\">${String(c.n).padStart(2,'0')}<\/span><span class=\"vt\">${c.title}<\/span>;\r\n vmenu.appendChild(b);\r\n });\r\n}\r\nfunction loadVideo(n){\r\n const c=CHAPTERS.find(x=>x.n===n);\r\n renderVideoMenu(n);\r\n document.getElementById('vtitle').textContent=Ep ${c.n}: ${c.title};\r\n document.getElementById('vdesc').textContent=c.vdesc;\r\n document.getElementById('vrun').textContent=c.runtime;\r\n if(VIDEOS[n]){\r\n vframe.innerHTML=<iframe src=\"${VIDEOS[n]}\" title=\"${c.title}\" allow=\"accelerator;autoplay;clipboard-write;encrypted-media;gyroscope;picture-in-picture\" allowfullscreen><\/iframe>;\r\n }else{\r\n vframe.innerHTML=<div class=\"vplaceholder\">\r\n <div class=\"play\"><svg viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/div>\r\n <h4>Episode ${c.n} \u2014 coming soon<\/h4>\r\n <p>The video explainer for \"${c.title}\" will play here once it's added.<\/p>\r\n <\/div>;\r\n }\r\n}\r\nvmenu.addEventListener('click',e=>{const b=e.target.closest('button');if(b)loadVideo(+b.dataset.n);});\r\nloadVideo(1);\r\n\r\n\/* ---- global click routing for read \/ watch ---- *\/\r\ndocument.addEventListener('click',e=>{\r\n const read=e.target.closest('.read');\r\n const watch=e.target.closest('.watch, .gowatch');\r\n if(read){openReader(+read.dataset.n);}\r\n if(watch){\r\n const n=+watch.dataset.n;\r\n closeReader();\r\n loadVideo(n);\r\n document.getElementById('watch').scrollIntoView({behavior:'smooth'});\r\n }\r\n});\r\n\r\n\/* ---- mobile nav ---- *\/\r\nconst burger=document.getElementById('burger'), navlinks=document.getElementById('navlinks');\r\nburger.addEventListener('click',()=>navlinks.classList.toggle('show'));\r\nnavlinks.addEventListener('click',e=>{if(e.target.tagName==='A')navlinks.classList.remove('show');});\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>Save Sylvester \u2014 Stand Up, Speak Out Save Sylvester The Mission Chapters Watch Get Help An anti-bullying movement for teens Bullyingthrives insilence.Break it. Seven chapters. Seven true-to-life stories. One promise \u2014 that no student stands alone. Read it, watch it, and learn how to stand up, speak out, and protect each other. Start reading \u2192 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-54","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/njuk.online\/index.php?rest_route=\/wp\/v2\/pages\/54","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/njuk.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/njuk.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/njuk.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/njuk.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=54"}],"version-history":[{"count":4,"href":"https:\/\/njuk.online\/index.php?rest_route=\/wp\/v2\/pages\/54\/revisions"}],"predecessor-version":[{"id":58,"href":"https:\/\/njuk.online\/index.php?rest_route=\/wp\/v2\/pages\/54\/revisions\/58"}],"wp:attachment":[{"href":"https:\/\/njuk.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\nSave Sylvester \u2014 Stand Up, Speak Out<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Archivo:wght@500;600;700;800;900&family=Spline+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --ink:#16130f;\r\n --ink-soft:#2c2620;\r\n --paper:#fbf6ec;\r\n --yellow:#ffcb2e;\r\n --orange:#e2691f;\r\n --coral:#ff4d3d;\r\n --cream:#f4ead4;\r\n --line:rgba(22,19,15,.14);\r\n --shadow:0 18px 40px -18px rgba(22,19,15,.5);\r\n }\r\n *{margin:0;padding:0;box-sizing:border-box}\r\n html{scroll-behavior:smooth}\r\n body{\r\n font-family:'Spline Sans',system-ui,sans-serif;\r\n background:var(--paper);color:var(--ink);\r\n line-height:1.6;-webkit-font-smoothing:antialiased;\r\n overflow-x:hidden;\r\n }\r\n ::selection{background:var(--yellow);color:var(--ink)}\r\n a{color:inherit;text-decoration:none}\r\n .wrap{max-width:1180px;margin:0 auto;padding:0 28px}\r\n\r\n \/* ---------- NAV ---------- *\/\r\n header{\r\n position:sticky;top:0;z-index:50;\r\n background:rgba(251,246,236,.92);backdrop-filter:blur(10px);\r\n border-bottom:2px solid var(--ink);\r\n }\r\n .nav{display:flex;align-items:center;justify-content:space-between;height:64px}\r\n .brand{font-family:'Anton',sans-serif;font-size:23px;letter-spacing:.5px;text-transform:uppercase;display:flex;align-items:center;gap:9px}\r\n .brand .dot{width:13px;height:13px;background:var(--coral);border-radius:50%;display:inline-block;box-shadow:0 0 0 4px rgba(255,77,61,.22)}\r\n .navlinks{display:flex;gap:26px;align-items:center}\r\n .navlinks a{font-weight:600;font-size:14.5px;letter-spacing:.2px;position:relative}\r\n .navlinks a:not(.navcta)::after{content:\"\";position:absolute;left:0;bottom:-5px;width:0;height:2.5px;background:var(--coral);transition:width .25s}\r\n .navlinks a:not(.navcta):hover::after{width:100%}\r\n .navcta{background:var(--ink);color:var(--paper);padding:9px 17px;border-radius:40px;font-weight:700;font-size:14px}\r\n .navcta:hover{background:var(--coral)}\r\n .burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:0;padding:6px}\r\n .burger span{width:26px;height:3px;background:var(--ink);border-radius:3px;transition:.3s}\r\n\r\n \/* ---------- HERO ---------- *\/\r\n .hero{position:relative;padding:74px 0 86px;overflow:hidden}\r\n .hero::before{\r\n content:\"\";position:absolute;inset:0;z-index:0;\r\n background:\r\n radial-gradient(circle at 86% 8%, rgba(255,203,46,.5), transparent 38%),\r\n radial-gradient(circle at 8% 92%, rgba(226,105,31,.28), transparent 42%);\r\n }\r\n .hero .wrap{position:relative;z-index:2}\r\n .eyebrow{display:inline-flex;align-items:center;gap:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:12.5px;\r\n background:var(--ink);color:var(--yellow);padding:7px 15px;border-radius:30px;margin-bottom:26px}\r\n .eyebrow .pulse{width:8px;height:8px;border-radius:50%;background:var(--coral);animation:pulse 1.7s infinite}\r\n @keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}\r\n h1.title{font-family:'Anton',sans-serif;font-weight:400;line-height:.92;letter-spacing:.5px;\r\n font-size:clamp(54px,10vw,128px);text-transform:uppercase}\r\n h1.title .l2{color:var(--orange);-webkit-text-stroke:0}\r\n h1.title .strike{position:relative;display:inline-block}\r\n h1.title .strike::after{content:\"\";position:absolute;left:-2%;right:-2%;top:52%;height:9px;background:var(--coral);transform:rotate(-3deg);border-radius:6px;\r\n animation:slash 1s .5s both cubic-bezier(.7,0,.3,1);transform-origin:left}\r\n @keyframes slash{from{transform:rotate(-3deg) scaleX(0)}to{transform:rotate(-3deg) scaleX(1)}}\r\n\r\nSilas Godwin, [6\/15\/2026 2:28 PM]\r\n.lede{font-size:clamp(17px,2.1vw,21px);max-width:600px;margin:28px 0 34px;color:var(--ink-soft);font-weight:500}\r\n .lede b{color:var(--ink);font-weight:700}\r\n .herobtns{display:flex;gap:14px;flex-wrap:wrap}\r\n .btn{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:16px;padding:15px 26px;border-radius:46px;border:2.5px solid var(--ink);cursor:pointer;transition:transform .15s, background .2s, color .2s}\r\n .btn:hover{transform:translateY(-3px)}\r\n .btn-primary{background:var(--ink);color:var(--paper)}\r\n .btn-primary:hover{background:var(--coral);border-color:var(--coral)}\r\n .btn-ghost{background:transparent;color:var(--ink)}\r\n .btn-ghost:hover{background:var(--yellow)}\r\n .hero-tags{margin-top:46px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}\r\n .hero-tags span{font-size:13px;font-weight:600;background:#fff;border:1.5px solid var(--line);padding:7px 14px;border-radius:30px}\r\n .hashflag{font-family:'Anton',sans-serif;color:var(--orange);font-size:15px;letter-spacing:.5px}\r\n\r\n \/* marquee *\/\r\n .marquee{background:var(--ink);color:var(--paper);overflow:hidden;border-top:3px solid var(--coral);border-bottom:3px solid var(--coral)}\r\n .marquee .track{display:flex;gap:40px;white-space:nowrap;padding:13px 0;width:max-content;animation:scroll 24s linear infinite;font-family:'Anton',sans-serif;letter-spacing:1px;font-size:18px;text-transform:uppercase}\r\n .marquee .track span{display:inline-flex;align-items:center;gap:40px}\r\n .marquee .track i{color:var(--yellow);font-style:normal}\r\n @keyframes scroll{to{transform:translateX(-50%)}}\r\n\r\n \/* ---------- SECTION SHELL ---------- *\/\r\n section{padding:78px 0;position:relative}\r\n .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:42px;flex-wrap:wrap}\r\n .sec-kicker{font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:13px;color:var(--orange);margin-bottom:10px}\r\n .sec-title{font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(34px,5vw,58px);line-height:1;text-transform:uppercase;letter-spacing:.5px}\r\n .sec-sub{max-width:440px;color:var(--ink-soft);font-weight:500;font-size:16px}\r\n\r\n \/* ---------- MISSION ---------- *\/\r\n .mission{background:var(--ink);color:var(--paper)}\r\n .mission .sec-kicker{color:var(--yellow)}\r\n .mission-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:54px;align-items:center}\r\n .mission-grid p{font-size:18px;color:#e8e0d2;margin-bottom:18px}\r\n .mission-grid p b{color:var(--yellow)}\r\n .statcard{background:var(--coral);color:#fff;border-radius:20px;padding:30px;border:3px solid #fff;box-shadow:8px 8px 0 rgba(255,203,46,.9)}\r\n .statcard h3{font-family:'Anton',sans-serif;font-size:25px;text-transform:uppercase;margin-bottom:14px;letter-spacing:.5px}\r\n .statcard ul{list-style:none;display:flex;flex-direction:column;gap:13px}\r\n .statcard li{display:flex;gap:12px;font-weight:600;font-size:15.5px;align-items:flex-start}\r\n .statcard li::before{content:\"\";flex:none;width:11px;height:11px;border-radius:50%;background:var(--yellow);margin-top:6px;box-shadow:0 0 0 3px rgba(255,255,255,.3)}\r\n\r\n \/* ---------- CHAPTERS ---------- *\/\r\n .filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}\r\n .chip{font-weight:700;font-size:14px;padding:9px 17px;border-radius:30px;border:2px solid var(--ink);background:transparent;cursor:pointer;transition:.2s}\r\n .chip[aria-pressed=\"true\"]{background:var(--ink);color:var(--paper)}\r\n .chip:hover{background:var(--yellow)}\r\n .chapters{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}\r\n .ch{position:relative;background:#fff;border:2.5px solid var(--ink);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s, box-shadow .18s;box-shadow:6px 6px 0 var(--cream)}\r\n .ch:hover{transform:translateY(-5px);box-shadow:10px 12px 0 var(--yellow)}\r\n\r\nSilas Godwin, [6\/15\/2026 2:28 PM]\r\n.ch-top{display:flex;gap:16px;padding:22px 22px 6px}\r\n .ch-num{font-family:'Anton',sans-serif;font-size:46px;line-height:.8;color:var(--orange);flex:none}\r\n .ch-tt{flex:1}\r\n .ch-tt h3{font-family:'Archivo',sans-serif;font-weight:900;font-size:20px;line-height:1.1;text-transform:uppercase;letter-spacing:.3px}\r\n .ch-story{font-style:italic;color:var(--orange);font-weight:600;font-size:14px;margin-top:4px}\r\n .ch-body{padding:8px 22px 0;color:var(--ink-soft);font-size:15px;font-weight:500;flex:1}\r\n .ch-foot{display:flex;gap:10px;padding:18px 22px 22px;flex-wrap:wrap}\r\n .pill{font-size:13px;font-weight:700;padding:8px 14px;border-radius:30px;cursor:pointer;border:2px solid var(--ink);background:transparent;display:inline-flex;align-items:center;gap:7px;transition:.18s}\r\n .pill:hover{background:var(--ink);color:var(--paper)}\r\n .pill.watch{background:var(--coral);color:#fff;border-color:var(--coral)}\r\n .pill.watch:hover{background:var(--ink);border-color:var(--ink)}\r\n .ch-tag{position:absolute;top:0;right:0;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--yellow);padding:6px 12px;border-bottom-left-radius:14px;border-left:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink)}\r\n\r\n \/* ---------- VIDEO SERIES ---------- *\/\r\n .videos{background:var(--cream)}\r\n .vlist{display:grid;grid-template-columns:300px 1fr;gap:34px;align-items:start}\r\n .vmenu{display:flex;flex-direction:column;gap:8px;position:sticky;top:84px}\r\n .vmenu button{display:flex;gap:14px;align-items:center;text-align:left;background:#fff;border:2px solid var(--ink);border-radius:14px;padding:13px 15px;cursor:pointer;font-family:inherit;transition:.18s}\r\n .vmenu button .vn{font-family:'Anton',sans-serif;font-size:19px;color:var(--orange);flex:none;width:28px}\r\n .vmenu button .vt{font-weight:700;font-size:14px;line-height:1.2}\r\n .vmenu button:hover{background:var(--yellow)}\r\n .vmenu button[aria-current=\"true\"]{background:var(--ink);color:var(--paper)}\r\n .vmenu button[aria-current=\"true\"] .vn{color:var(--yellow)}\r\n .vstage{background:#fff;border:2.5px solid var(--ink);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}\r\n .vframe{position:relative;aspect-ratio:16\/9;background:linear-gradient(135deg,#1f1a14,#2c2620);display:flex;align-items:center;justify-content:center;color:var(--paper);text-align:center}\r\n .vframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\r\n .vplaceholder{padding:30px;max-width:440px}\r\n .vplaceholder .play{width:74px;height:74px;border-radius:50%;background:var(--coral);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;border:3px solid #fff;box-shadow:0 0 0 6px rgba(255,77,61,.25)}\r\n .vplaceholder .play svg{width:30px;height:30px;margin-left:4px}\r\n .vplaceholder h4{font-family:'Anton',sans-serif;font-size:24px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}\r\n .vplaceholder p{font-size:14.5px;color:#cfc6b6}\r\n .vmeta{padding:22px 24px;display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}\r\n .vmeta h3{font-family:'Archivo',sans-serif;font-weight:900;font-size:21px;text-transform:uppercase}\r\n .vmeta p{font-size:14.5px;color:var(--ink-soft);font-weight:500;margin-top:3px}\r\n .vmeta .runtime{font-weight:700;font-size:13px;background:var(--yellow);padding:7px 13px;border-radius:30px;white-space:nowrap}\r\n\r\n \/* ---------- READER MODAL ---------- *\/\r\n .modal{position:fixed;inset:0;z-index:100;display:none;align-items:flex-start;justify-content:center;padding:34px 18px;background:rgba(22,19,15,.62);backdrop-filter:blur(4px);overflow-y:auto}\r\n .modal.open{display:flex}\r\n .reader{background:var(--paper);max-width:760px;width:100%;border:3px solid var(--ink);border-radius:22px;box-shadow:0 30px 80px -20px rgba(0,0,0,.6);position:relative;animation:pop .3s cubic-bezier(.2,.9,.3,1.2)}\r\n\r\nSilas Godwin, [6\/15\/2026 2:28 PM]\r\n@keyframes pop{from{transform:scale(.94) translateY(14px);opacity:0}to{transform:none;opacity:1}}\r\n .reader-head{position:sticky;top:0;background:var(--ink);color:var(--paper);padding:20px 26px;border-radius:18px 18px 0 0;display:flex;justify-content:space-between;align-items:center;gap:14px;z-index:2}\r\n .reader-head .rk{font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:var(--yellow)}\r\n .reader-head h3{font-family:'Anton',sans-serif;font-size:23px;text-transform:uppercase;letter-spacing:.4px;line-height:1}\r\n .xbtn{flex:none;width:40px;height:40px;border-radius:50%;border:2px solid var(--paper);background:transparent;color:var(--paper);font-size:20px;cursor:pointer;transition:.2s}\r\n .xbtn:hover{background:var(--coral);border-color:var(--coral)}\r\n .reader-body{padding:30px 34px 38px}\r\n .reader-body .story-label{display:inline-block;font-style:italic;font-weight:700;color:var(--orange);margin-bottom:16px;font-size:16px}\r\n .reader-body h4{font-family:'Archivo',sans-serif;font-weight:900;text-transform:uppercase;font-size:16px;letter-spacing:.4px;margin:26px 0 10px;padding-top:18px;border-top:2px solid var(--line)}\r\n .reader-body p{margin-bottom:15px;font-size:16.5px;color:var(--ink-soft)}\r\n .reader-body ul{margin:0 0 15px;padding-left:4px;list-style:none;display:flex;flex-direction:column;gap:10px}\r\n .reader-body li{display:flex;gap:11px;font-size:16px;color:var(--ink-soft)}\r\n .reader-body li::before{content:\"\";flex:none;width:9px;height:9px;border-radius:3px;background:var(--orange);margin-top:8px}\r\n .reader-body li b{color:var(--ink)}\r\n .takeaway{background:var(--yellow);border:2.5px solid var(--ink);border-radius:16px;padding:20px 22px;margin-top:24px;font-weight:600;box-shadow:5px 5px 0 var(--ink)}\r\n .takeaway span{display:block;font-family:'Anton',sans-serif;text-transform:uppercase;font-size:14px;letter-spacing:.1em;margin-bottom:6px}\r\n .reader-watch{margin-top:24px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}\r\n\r\n \/* ---------- HELP STRIP ---------- *\/\r\n .help{background:var(--coral);color:#fff}\r\n .help .wrap{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}\r\n .help h2{font-family:'Anton',sans-serif;font-size:clamp(26px,4vw,42px);text-transform:uppercase;line-height:1;letter-spacing:.5px}\r\n .help p{font-weight:600;max-width:430px;margin-top:10px}\r\n .help .btn{border-color:#fff;background:#fff;color:var(--ink)}\r\n .help .btn:hover{background:var(--ink);color:#fff}\r\n\r\n \/* ---------- FOOTER ---------- *\/\r\n footer{background:var(--ink);color:var(--paper);padding:60px 0 34px}\r\n .foot-grid{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-bottom:40px}\r\n .foot-quote{max-width:520px}\r\n .foot-quote .q{font-family:'Archivo',sans-serif;font-weight:800;font-size:22px;line-height:1.3}\r\n .foot-quote .by{margin-top:14px;color:var(--yellow);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:13px}\r\n .foot-cols{display:flex;gap:54px;flex-wrap:wrap}\r\n .foot-cols h5{font-family:'Anton',sans-serif;font-size:15px;letter-spacing:.5px;text-transform:uppercase;color:var(--yellow);margin-bottom:14px}\r\n .foot-cols a,.foot-cols span{display:block;color:#d8d0c2;font-size:14.5px;margin-bottom:9px;cursor:pointer}\r\n .foot-cols a:hover{color:#fff}\r\n .foot-bottom{border-top:1px solid rgba(255,255,255,.16);padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#a99f8f}\r\n .foot-bottom .dedi{color:var(--yellow)}\r\n\r\n \/* ---------- RESPONSIVE ---------- *\/\r\n @media(max-width:860px){\r\n .mission-grid{grid-template-columns:1fr;gap:34px}\r\n .chapters{grid-template-columns:1fr}\r\n .vlist{grid-template-columns:1fr}\r\n .vmenu{position:static;flex-direction:row;overflow-x:auto;padding-bottom:6px}\r\n\r\nSilas Godwin, [6\/15\/2026 2:28 PM]\r\n.vmenu button{flex:none;min-width:210px}\r\n .navlinks{position:fixed;inset:64px 0 auto 0;background:var(--paper);flex-direction:column;align-items:flex-start;padding:20px 28px;border-bottom:2px solid var(--ink);gap:18px;transform:translateY(-130%);transition:transform .3s;box-shadow:var(--shadow)}\r\n .navlinks.show{transform:none}\r\n .burger{display:flex}\r\n }\r\n @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<header>\r\n <div class=\"wrap nav\">\r\n <a href=\"#top\" class=\"brand\"><span class=\"dot\"><\/span>Save Sylvester<\/a>\r\n <nav class=\"navlinks\" id=\"navlinks\">\r\n <a href=\"#mission\">The Mission<\/a>\r\n <a href=\"#chapters\">Chapters<\/a>\r\n <a href=\"#watch\">Watch<\/a>\r\n <a href=\"#help\" class=\"navcta\">Get Help<\/a>\r\n <\/nav>\r\n <button class=\"burger\" id=\"burger\" aria-label=\"Menu\"><span><\/span><span><\/span><span><\/span><\/button>\r\n <\/div>\r\n<\/header>\r\n\r\n\r\n<div id=\"top\" class=\"hero\">\r\n <div class=\"wrap\">\r\n <span class=\"eyebrow\"><span class=\"pulse\"><\/span>An anti-bullying movement for teens<\/span>\r\n <h1 class=\"title\">Bullying<br>thrives in<br><span class=\"strike\">silence.<\/span><br><span class=\"l2\">Break it.<\/span><\/h1>\r\n <p class=\"lede\">Seven chapters. Seven true-to-life stories. One promise \u2014 that <b>no student stands alone.<\/b> Read it, watch it, and learn how to stand up, speak out, and protect each other.<\/p>\r\n <div class=\"herobtns\">\r\n <a href=\"#chapters\" class=\"btn btn-primary\">Start reading \u2192<\/a>\r\n <a href=\"#watch\" class=\"btn btn-ghost\">\u25b6 Watch the series<\/a>\r\n <\/div>\r\n <div class=\"hero-tags\">\r\n <span class=\"hashflag\">#SaveSylvester<\/span>\r\n <span>Respect<\/span><span>Tolerance<\/span><span>Courage<\/span><span>Empathy<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<div class=\"marquee\" aria-hidden=\"true\">\r\n <div class=\"track\">\r\n <span><i>\u2605<\/i> Speak up <i>\u2605<\/i> Don't join in <i>\u2605<\/i> Get help <i>\u2605<\/i> Stand together <i>\u2605<\/i> Respect everyone <i>\u2605<\/i> Break the cycle <i>\u2605<\/i> Speak up <i>\u2605<\/i> Don't join in <i>\u2605<\/i> Get help <i>\u2605<\/i> Stand together <i>\u2605<\/i> Respect everyone <i>\u2605<\/i> Break the cycle <\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<section class=\"mission\" id=\"mission\">\r\n <div class=\"wrap\">\r\n <div class=\"sec-head\">\r\n <div>\r\n <div class=\"sec-kicker\">Why this exists<\/div>\r\n <h2 class=\"sec-title\">In memory of<br>Sylvester Oromoni<\/h2>\r\n <\/div>\r\n <p class=\"sec-sub\">A bright, promising young boy whose life was taken by bullying. This is for him \u2014 and for every student who has ever felt unsafe at school.<\/p>\r\n <\/div>\r\n <div class=\"mission-grid\">\r\n <div>\r\n <p>Bullying is one of the most common \u2014 and most ignored \u2014 problems in our schools. It shows up as <b>fists, words, rumors, exclusion, and screens.<\/b> It leaves scars you can see and many you can't.<\/p>\r\n <p>But here's the truth at the heart of every story in this booklet: bullies only win when the rest of us stay quiet. The moment one person speaks up, the whole cycle starts to break.<\/p>\r\n <p><b>That person can be you.<\/b><\/p>\r\n <\/div>\r\n <div class=\"statcard\">\r\n <h3>What you'll learn<\/h3>\r\n <ul>\r\n <li>How to recognise every type of bullying \u2014 including the online kind<\/li>\r\n <li>What to do as a target, and as a bystander<\/li>\r\n <li>How friendship and self-worth become your shield<\/li>\r\n <li>How to lead change in your own school<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"chapters\">\r\n <div class=\"wrap\">\r\n <div class=\"sec-head\">\r\n <div>\r\n <div class=\"sec-kicker\">The booklet<\/div>\r\n <h2 class=\"sec-title\">Seven chapters,<br>seven stories<\/h2>\r\n <\/div>\r\n <p class=\"sec-sub\">Each chapter follows a real-to-life story, then breaks down what it teaches. Read here, or jump to the video explainer.<\/p>\r\n\r\nSilas Godwin, [6\/15\/2026 2:28 PM]\r\n<\/div>\r\n <div class=\"filters\" id=\"filters\">\r\n <button class=\"chip\" aria-pressed=\"true\" data-f=\"all\">All chapters<\/button>\r\n <button class=\"chip\" aria-pressed=\"false\" data-f=\"know\">Know the problem<\/button>\r\n <button class=\"chip\" aria-pressed=\"false\" data-f=\"act\">Take action<\/button>\r\n <\/div>\r\n <div class=\"chapters\" id=\"chgrid\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"videos\" id=\"watch\">\r\n <div class=\"wrap\">\r\n <div class=\"sec-head\">\r\n <div>\r\n <div class=\"sec-kicker\">For audio-visual learners<\/div>\r\n <h2 class=\"sec-title\">Watch the series<\/h2>\r\n <\/div>\r\n <p class=\"sec-sub\">Every chapter, explained on screen. Pick an episode \u2014 players are ready for your video links.<\/p>\r\n <\/div>\r\n <div class=\"vlist\">\r\n <div class=\"vmenu\" id=\"vmenu\"><\/div>\r\n <div class=\"vstage\">\r\n <div class=\"vframe\" id=\"vframe\"><\/div>\r\n <div class=\"vmeta\">\r\n <div>\r\n <h3 id=\"vtitle\"><\/h3>\r\n <p id=\"vdesc\"><\/p>\r\n <\/div>\r\n <span class=\"runtime\" id=\"vrun\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"help\" id=\"help\">\r\n <div class=\"wrap\">\r\n <div>\r\n <h2>Being bullied?<br>Don't carry it alone.<\/h2>\r\n <p>Tell a teacher, counselor, prefect, or any adult you trust. Speaking up is not weakness \u2014 it's the bravest move there is.<\/p>\r\n <\/div>\r\n <a href=\"#chapters\" class=\"btn\">Read how to respond \u2192<\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<footer>\r\n <div class=\"wrap\">\r\n <div class=\"foot-grid\">\r\n <div class=\"foot-quote\">\r\n <div class=\"q\">\"True tolerance and respect among peers is not just the absence of judgement or discrimination, but an active embrace of diversity, understanding, and empathy.\"<\/div>\r\n <div class=\"by\">\u2014 Promise Obi, Author<\/div>\r\n <\/div>\r\n <div class=\"foot-cols\">\r\n <div>\r\n <h5>Read<\/h5>\r\n <a href=\"#chapters\">All chapters<\/a>\r\n <a href=\"#mission\">The mission<\/a>\r\n <a href=\"#watch\">Video series<\/a>\r\n <\/div>\r\n <div>\r\n <h5>Act<\/h5>\r\n <span>Speak up<\/span>\r\n <span>Be a bystander<\/span>\r\n <span>Start a campaign<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"foot-bottom\">\r\n <span>The Bright Side of School \u00b7 School Health Publication \u00b7 Vol. 1<\/span>\r\n <span class=\"dedi\">In loving memory of Sylvester Oromoni \u00b7 #SaveSylvester<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n\r\n<div class=\"modal\" id=\"modal\">\r\n <div class=\"reader\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"rtitle\">\r\n <div class=\"reader-head\">\r\n <div>\r\n <div class=\"rk\" id=\"rkick\"><\/div>\r\n <h3 id=\"rtitle\"><\/h3>\r\n <\/div>\r\n <button class=\"xbtn\" id=\"xbtn\" aria-label=\"Close\">\u2715<\/button>\r\n <\/div>\r\n <div class=\"reader-body\" id=\"rbody\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst CHAPTERS = [\r\n {\r\n n:1, group:\"act\", title:\"Peer Respect & Tolerance\", story:\"Tobi and Musa's Story\",\r\n runtime:\"5 min\", tag:\"Start here\",\r\n desc:\"What real respect looks like \u2014 and why it has nothing to do with what you own.\",\r\n vdesc:\"How character, not status, earns respect.\",\r\n storyP:[\r\n \"In a highly competitive secondary school in Lagos, Tobi was the king of his class. He had the latest sneakers, the newest phone, and a sharp tongue. When Musa, a quiet scholarship student, joined the class, Tobi immediately mocked Musa's worn-out school bag and simple sandals.\",\r\n \"One afternoon, Tobi lost his transport fare during break time. While Tobi's \\u201Cpopular\\u201D friends walked away to the bus stop, it was Musa who stayed behind, helping Tobi search the entire field until the money was found near the goalpost. Musa didn't ask for a reward; he just handed it over and walked away. Tobi realized then that respect isn't measured by what you own or how loud you are, but by the weight of your character when someone else is vulnerable.\"\r\n\r\nSilas Godwin, [6\/15\/2026 2:28 PM]\r\n],\r\n take:\"Material things and social status are temporary. True respect is earned through character and how you treat people when they have nothing to offer you.\",\r\n sections:[\r\n {h:\"What is peer respect & tolerance?\", p:[\"It's treating your fellow students with dignity, valuing their differences, and accepting them without judgment \u2014 regardless of background, beliefs, appearance, or social status. It applies to classmates, seniors, and juniors alike, everywhere in school, every single day.\"]},\r\n {h:\"Why it matters\", list:[[\"Improved academic performance: \",\"students who feel respected engage more and achieve more.\"],[\"Stronger social connection: \",\"acceptance builds positive relationships with peers and teachers.\"],[\"Less bullying and conflict: \",\"respect leaves no room for harmful behavior.\"],[\"Better mental health: \",\"feeling valued protects against anxiety, depression, and isolation.\"]]}\r\n ]\r\n },\r\n {\r\n n:2, group:\"know\", title:\"Understanding Diversity\", story:\"Chinedu and Amina's Story\",\r\n runtime:\"6 min\", tag:\"\",\r\n desc:\"Why the differences you mock might be someone's greatest strength.\",\r\n vdesc:\"Turning stereotypes into respect.\",\r\n storyP:[\r\n \"In a boarding school in Kaduna, Chinedu was the star striker \u2014 loud, proud of his roots, and only comfortable around people exactly like him. When Amina, a quiet transfer student from a village in Borno, joined mid-term, he mocked her accent and her hijab and told his friends she could never keep up.\",\r\n \"Then his science-competition partner fell ill, and Amina was his only option. Reluctantly paired, he expected to carry her. Instead she opened a notebook full of brilliant solar-grid designs, inspired by her village's struggle with water scarcity. Combining his presentation skills with her technical genius, they won first place at the national finals.\"\r\n ],\r\n take:\"Diversity is not a barrier to unity, but a warehouse of untapped potential. When we lock people into narrow stereotypes, we miss out on the brilliance they bring. Real progress starts when we celebrate differences as strengths.\",\r\n sections:[\r\n {h:\"The benefits of diversity\", p:[\"When we embrace diversity, we learn from each other and become more open-minded. It sparks creativity, builds stronger communities, and fosters a real sense of unity.\"]},\r\n {h:\"Overcoming stereotypes & biases\", p:[\"We all carry biases, whether we admit it or not. Stereotypes are preconceived notions about groups of people, and they're harmful and unfair. The work is to recognise them, challenge them, and learn to see people for who they truly are.\"]}\r\n ]\r\n },\r\n {\r\n n:3, group:\"know\", title:\"The Cycle of Bullying\", story:\"Tunde, Tari & the Silent Classroom\",\r\n runtime:\"8 min\", tag:\"Core chapter\",\r\n desc:\"Every type of bullying, its impact, the warning signs \u2014 and how to respond.\",\r\n vdesc:\"How silence keeps the cycle alive.\",\r\n storyP:[\r\n \"In a school in Port Harcourt, a senior named Tunde ruled the hostel by fear, forcing juniors to serve him. Tari, a gentle JSS2 student, became his favourite target. Tari stopped smiling, his grades collapsed, and he lived in constant anxiety. Classmates noticed \u2014 but feared becoming the next victim, so they looked away.\",\r\n \"One evening, a prefect named Emeka watched Tari break down in tears and realised that staying silent was feeding the monster. Instead of confronting Tunde alone, he gathered three other prefects and reported the extortion to the Vice-Principal. Tunde was suspended; Tari finally got support. Bullies, Emeka proved, only thrive when the crowd stays silent.\"\r\n ],\r\n take:\"The cycle of bullying thrives in silence. When you witness oppression and look away, you become part of the cycle. Breaking it takes courage from bystanders to speak up, report, and protect those who can't protect themselves.\",\r\n\r\nSilas Godwin, [6\/15\/2026 2:28 PM]\r\nsections:[\r\n {h:\"The 5 types of bullying\", list:[[\"Physical: \",\"hitting, pushing, or damaging property.\"],[\"Verbal: \",\"teasing, name-calling, or threats.\"],[\"Relational: \",\"rumors, exclusion, or manipulation.\"],[\"Cyberbullying: \",\"harassment through social media, texting, or email.\"],[\"Sexual: \",\"unwanted sexual comments, gestures, or actions.\"]]},\r\n {h:\"Signs someone is being bullied\", list:[[\"Physical: \",\"unexplained bruises, headaches, trouble sleeping.\"],[\"Emotional: \",\"anxiety, withdrawal, loss of interest.\"],[\"Behavioral: \",\"avoiding places or people, dropping grades.\"],[\"Social: \",\"fewer friends, spending more time alone.\"]]},\r\n {h:\"How to respond\", list:[[\"Stay calm: \",\"don't give the bully the reaction they want.\"],[\"Get support: \",\"tell a trusted friend, family member, or teacher.\"],[\"Report it: \",\"if it continues or you feel unsafe, tell an adult in authority.\"]]},\r\n {h:\"The role of the bystander\", p:[\"A bystander can ignore it, step in, or report it. Ignoring sends the message that bullying is acceptable. An active bystander challenges the behavior, supports the target, or brings in an adult. Speak up, don't join in, and get help.\"]}\r\n ]\r\n },\r\n {\r\n n:4, group:\"act\", title:\"Social Skills & Friendship\", story:\"Seyi's Circle\",\r\n runtime:\"5 min\", tag:\"\",\r\n desc:\"How friendship becomes a shield \u2014 and how to build one.\",\r\n vdesc:\"Friendship as protection against bullying.\",\r\n storyP:[\r\n \"Seyi transferred to a new school in Ibadan and felt completely isolated. His shyness made him an easy target, and an unkind clique hid his notebooks and teased him because no one stood up for him.\",\r\n \"One morning a classmate named Kemi noticed him sitting alone, sat down, and struck up a conversation about his comic book. She brought him into her circle of friends, who welcomed him and pulled him into their WAEC study group. The next time the clique came for Seyi, Kemi's friends stood beside him \u2014 and the bullies backed off for good.\"\r\n ],\r\n take:\"Good social skills and positive friendships act as a protective shield against bullying. By reaching out to those who are isolated and building a supportive community, we create a place where everyone feels safe and valued.\",\r\n sections:[\r\n {h:\"Build your circle\", list:[[\"Be friendly and approachable: \",\"smile, greet others, stay open even to people different from you.\"],[\"Listen actively: \",\"focus on what people say and how they feel.\"],[\"Respect boundaries: \",\"mind personal space and comfort levels.\"],[\"Be honest: \",\"speak truthfully and never spread rumors.\"]]}\r\n ]\r\n },\r\n {\r\n n:5, group:\"act\", title:\"Self-Care & Resilience\", story:\"Ngozi's Shield\",\r\n runtime:\"6 min\", tag:\"\",\r\n desc:\"Build the inner strength that strips bullies of their power.\",\r\n vdesc:\"Building unshakeable self-worth.\",\r\n storyP:[\r\n \"Ngozi, an overweight teenager who loved poetry, was targeted by classmates who mocked her body and posted cruel comments online. For months she cried herself to sleep and wanted to drop out.\",\r\n \"Her counselor introduced her to self-care and resilience, teaching her that her worth was not defined by others' words. Ngozi poured her feelings into poetry, joined the writing club, and practiced affirmations each morning. When the bullies tried again, she met them calmly and walked away with her head high. Her self-worth became unshakeable, and the bullies eventually gave up.\"\r\n ],\r\n take:\"Resilience doesn't mean you never feel pain; it means you build the inner strength to recover from it. By caring for your mental health and your sense of self-worth, you strip bullies of their power over your emotions.\",\r\n sections:[\r\n {h:\"Care for all of you\", p:[\"Resilience grows from looking after your physical, emotional, mental, and spiritual health. Find your outlet, seek support when you need it, and remember: you are strong, capable, and deserving of respect and kindness.\"]}\r\n\r\nSilas Godwin, [6\/15\/2026 2:28 PM]\r\n]\r\n },\r\n {\r\n n:6, group:\"act\", title:\"Building a Positive Community\", story:\"The Assembly Revolution\",\r\n runtime:\"6 min\", tag:\"\",\r\n desc:\"How students turned a toxic school into a culture of respect.\",\r\n vdesc:\"Students reforming their own school.\",\r\n storyP:[\r\n \"At a community high school in Enugu, bullying had become normal \u2014 seniors humiliated juniors and the whole atmosphere was toxic. Moved by Sylvester's story, a group of students decided enough was enough.\",\r\n \"They formed the \\u201CPeer Respect Campaign,\\u201D won the principal's backing, and led a morning assembly on the real impact of bullying. They put up posters, set up an anonymous report box, and ran peer-mediation groups. Slowly, juniors stopped hiding, seniors began mentoring, and the school transformed into a positive community.\"\r\n ],\r\n take:\"A safe school doesn't happen by accident; it's built through awareness, education, and collective action. When students stand together to demand inclusion, they have the power to reform their entire community.\",\r\n sections:[\r\n {h:\"Why anti-bullying education matters\", list:[[\"Prevention: \",\"understanding bullying helps stop it before it starts.\"],[\"Empathy: \",\"education builds respect and reduces harm.\"],[\"Safe learning: \",\"a safe environment lets everyone thrive.\"],[\"Supporting victims: \",\"it empowers targets to speak out.\"],[\"Positive behavior: \",\"it teaches kindness, respect, and inclusion.\"]]}\r\n ]\r\n },\r\n {\r\n n:7, group:\"act\", title:\"Leadership & Advocacy\", story:\"The Voice of Awka: Funsho's Advocacy\",\r\n runtime:\"7 min\", tag:\"Finale\",\r\n desc:\"Six steps to lead change and protect future students.\",\r\n vdesc:\"Turning one voice into lasting policy.\",\r\n storyP:[\r\n \"At a missionary school in Awka, an observant SS3 student named Funsho spotted a gap: physical fights were banned, but there was no way to report online bullying. The danger became real when his classmate Nonso was driven into depression by an online smear campaign \u2014 and the school dismissed it as outside their jurisdiction.\",\r\n \"Funsho refused to let it go. He researched digital citizenship, drafted a \\u201CDigital Safety and Anti-Bullying Charter,\\u201D and presented it to the Board of Governors and Ministry officials. Impressed, the board adopted it and set up a secure anonymous reporting portal \u2014 protecting future generations of students from suffering in silence.\"\r\n ],\r\n take:\"Leadership is using your voice to stand up for justice and build structural solutions for your peers. True student leaders don't just complain about problems \u2014 they advocate for the changes that prevent harm and uplift others.\",\r\n sections:[\r\n {h:\"Six steps to lead change\", list:[[\"Lead by example: \",\"treat everyone with respect, even those you disagree with.\"],[\"Join clubs: \",\"connect with others who share your passion for change.\"],[\"Educate yourself: \",\"learn the types of bullying and how to spot them.\"],[\"Speak up: \",\"tell targets you support them and you're there to help.\"],[\"Advocate: \",\"use your voice with school boards and community leaders to change policy.\"],[\"Be inclusive: \",\"mind your language and bring others in.\"]]}\r\n ]\r\n }\r\n];\r\n\r\n\/* ---- render chapter cards ---- *\/\r\nconst grid = document.getElementById('chgrid');\r\nfunction renderCards(filter='all'){\r\n grid.innerHTML='';\r\n CHAPTERS.filter(c=>filter==='all'||c.group===filter).forEach(c=>{\r\n const el=document.createElement('article');\r\n el.className='ch';\r\n el.innerHTML=\r\n ${c.tag?<div class=\"ch-tag\">${c.tag}<\/div>:''}\r\n <div class=\"ch-top\">\r\n <div class=\"ch-num\">${String(c.n).padStart(2,'0')}<\/div>\r\n <div class=\"ch-tt\"><h3>${c.title}<\/h3><div class=\"ch-story\">${c.story}<\/div><\/div>\r\n <\/div>\r\n <div class=\"ch-body\">${c.desc}<\/div>\r\n <div class=\"ch-foot\">\r\n <button class=\"pill read\" data-n=\"${c.n}\">Read chapter<\/button>\r\n <button class=\"pill watch\" data-n=\"${c.n}\">\u25b6 Watch<\/button>\r\n <\/div>;\r\n grid.appendChild(el);\r\n });\r\n}\r\nrenderCards();\r\n\r\n\/* ---- filters ---- *\/\r\ndocument.getElementById('filters').addEventListener('click',e=>{\r\n const b=e.target.closest('.chip');if(!b)return;\r\n document.querySelectorAll('.chip').forEach(c=>c.setAttribute('aria-pressed','false'));\r\n b.setAttribute('aria-pressed','true');\r\n renderCards(b.dataset.f);\r\n});\r\n\r\n\/* ---- reader modal ---- *\/\r\nconst modal=document.getElementById('modal');\r\nfunction openReader(n){\r\n const c=CHAPTERS.find(x=>x.n===n);\r\n document.getElementById('rkick').textContent=Chapter ${c.n} \u00b7 ${c.story};\r\n document.getElementById('rtitle').textContent=c.title;\r\n const body=document.getElementById('rbody');\r\n let html=<span class=\"story-label\">${c.story}<\/span>;\r\n c.storyP.forEach(p=>html+=<p>${p}<\/p>);\r\n html+=<div class=\"takeaway\"><span>The takeaway<\/span>${c.take}<\/div>;\r\n c.sections.forEach(s=>{\r\n html+=<h4>${s.h}<\/h4>;\r\n if(s.p)s.p.forEach(p=>html+=<p>${p}<\/p>);\r\n if(s.list){html+='<ul>';s.list.forEach(([b,t])=>html+=<li><span><b>${b}<\/b>${t}<\/span><\/li>);html+='<\/ul>';}\r\n });\r\n html+=<div class=\"reader-watch\"><button class=\"btn btn-primary gowatch\" data-n=\"${c.n}\">\u25b6 Watch this chapter<\/button><\/div>;\r\n body.innerHTML=html;\r\n body.scrollTop=0;\r\n modal.classList.add('open');\r\n document.body.style.overflow='hidden';\r\n}\r\nfunction closeReader(){modal.classList.remove('open');document.body.style.overflow='';}\r\ndocument.getElementById('xbtn').onclick=closeReader;\r\nmodal.addEventListener('click',e=>{if(e.target===modal)closeReader();});\r\ndocument.addEventListener('keydown',e=>{if(e.key==='Escape')closeReader();});\r\n\r\n\/* ---- video player ---- *\/\r\nconst VIDEOS = {}; \/\/ chapter n -> embed URL. Fill these in to go live, e.g. VIDEOS[1]=\"https:\/\/www.youtube.com\/embed\/XXXX\";\r\nconst vmenu=document.getElementById('vmenu');\r\nconst vframe=document.getElementById('vframe');\r\nfunction renderVideoMenu(active=1){\r\n vmenu.innerHTML='';\r\n CHAPTERS.forEach(c=>{\r\n const b=document.createElement('button');\r\n b.setAttribute('aria-current',c.n===active?'true':'false');\r\n b.dataset.n=c.n;\r\n b.innerHTML=<span class=\"vn\">${String(c.n).padStart(2,'0')}<\/span><span class=\"vt\">${c.title}<\/span>;\r\n vmenu.appendChild(b);\r\n });\r\n}\r\nfunction loadVideo(n){\r\n const c=CHAPTERS.find(x=>x.n===n);\r\n renderVideoMenu(n);\r\n document.getElementById('vtitle').textContent=Ep ${c.n}: ${c.title};\r\n document.getElementById('vdesc').textContent=c.vdesc;\r\n document.getElementById('vrun').textContent=c.runtime;\r\n if(VIDEOS[n]){\r\n vframe.innerHTML=<iframe src=\"${VIDEOS[n]}\" title=\"${c.title}\" allow=\"accelerator;autoplay;clipboard-write;encrypted-media;gyroscope;picture-in-picture\" allowfullscreen><\/iframe>;\r\n }else{\r\n vframe.innerHTML=<div class=\"vplaceholder\">\r\n <div class=\"play\"><svg viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/div>\r\n <h4>Episode ${c.n} \u2014 coming soon<\/h4>\r\n <p>The video explainer for \"${c.title}\" will play here once it's added.<\/p>\r\n <\/div>;\r\n }\r\n}\r\nvmenu.addEventListener('click',e=>{const b=e.target.closest('button');if(b)loadVideo(+b.dataset.n);});\r\nloadVideo(1);\r\n\r\n\/* ---- global click routing for read \/ watch ---- *\/\r\ndocument.addEventListener('click',e=>{\r\n const read=e.target.closest('.read');\r\n const watch=e.target.closest('.watch, .gowatch');\r\n if(read){openReader(+read.dataset.n);}\r\n if(watch){\r\n const n=+watch.dataset.n;\r\n closeReader();\r\n loadVideo(n);\r\n document.getElementById('watch').scrollIntoView({behavior:'smooth'});\r\n }\r\n});\r\n\r\n\/* ---- mobile nav ---- *\/\r\nconst burger=document.getElementById('burger'), navlinks=document.getElementById('navlinks');\r\nburger.addEventListener('click',()=>navlinks.classList.toggle('show'));\r\nnavlinks.addEventListener('click',e=>{if(e.target.tagName==='A')navlinks.classList.remove('show');});\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>Save Sylvester \u2014 Stand Up, Speak Out Save Sylvester The Mission Chapters Watch Get Help An anti-bullying movement for teens Bullyingthrives insilence.Break it. Seven chapters. Seven true-to-life stories. One promise \u2014 that no student stands alone. Read it, watch it, and learn how to stand up, speak out, and protect each other. Start reading \u2192 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-54","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/njuk.online\/index.php?rest_route=\/wp\/v2\/pages\/54","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/njuk.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/njuk.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/njuk.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/njuk.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=54"}],"version-history":[{"count":4,"href":"https:\/\/njuk.online\/index.php?rest_route=\/wp\/v2\/pages\/54\/revisions"}],"predecessor-version":[{"id":58,"href":"https:\/\/njuk.online\/index.php?rest_route=\/wp\/v2\/pages\/54\/revisions\/58"}],"wp:attachment":[{"href":"https:\/\/njuk.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}