CINXE.COM
Student Stories - StoryMaker
<!DOCTYPE html> <html class="no-js" lang="en"> <head> <meta charset="utf-8" /> <title> Student Stories - StoryMaker </title> <meta name="description" content="" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <!-- Chrome, Firefox OS and Opera --> <meta name="theme-color" content="#7857ff" /> <!-- Windows Phone --> <meta name="msapplication-navbutton-color" content="#7857ff" /> <!-- iOS Safari --> <meta name="apple-mobile-web-app-status-bar-style" content="#7857ff" /> <!-- Metatag plugin for Wagtail --> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Student Stories"> <meta name="twitter:description" content=""> <meta property="og:url" content="http://stroy-maker.org/stories/" /> <meta property="og:title" content="Student Stories" /> <meta property="og:description" content="" /> <meta property="og:site_name" content="StoryMaker" /> <meta itemprop="url" content="http://stroy-maker.org/stories/"/> <meta itemprop="name" content="Student Stories"> <meta itemprop="description" content="" /> <title>Student Stories</title> <meta name="description" content=""> <link rel="icon" href="https://d2m06gwiiv9vk7.cloudfront.net/images/logos/site-identity-small-transparent.png" sizes="192x192"/> <link rel="icon" href="https://d2m06gwiiv9vk7.cloudfront.net/images/logos/site-identity-small-transparent.png" sizes="32x32"/> <link rel="stylesheet" href="https://d2m06gwiiv9vk7.cloudfront.net/styles/app.css" type="text/css" /> <link rel="stylesheet"> <!-- Google Tag Manager --> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-M55CTLJ'); </script> <!-- End Google Tag Manager --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-FRY1KV7SLQ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-FRY1KV7SLQ'); </script> </head> <body class=""> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M55CTLJ" height="0" width="0" style="display:none; visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <nav id="srl-top-nav" class="flex items-center h-20 bg-white srl-top-nav md:h-16 md:shadow print:hidden px-3 md:px-8"> <div class="flex flex-1"> <div class="flex items-center"> <a class="inline-flex md:hidden" href="/"> <img class="max-w-[128px]" src="https://d2m06gwiiv9vk7.cloudfront.net/images/logos/logo-name.png" alt="SRL Storymaker Logo"> </a> <a class="hidden md:inline-flex" href="/"> <img src=" https://d2m06gwiiv9vk7.cloudfront.net/images/logos/storymaker_banner_logo2.png" alt="Storymaker Logo" width="233" /> </a> </div> </div> <div class="grow flex flex-row items-center justify-end"> <div class="flex-row h-full items-center justify-end hidden md:inline-flex"> <a class="text-sm rounded-md py-2 px-6 tracking-wider uppercase" href="/pitch-page/">Pitch Your Story</a> <a class="text-sm rounded-md py-2 px-6 tracking-wider uppercase" href="/faq/">faq</a> <a class="ml-3 text-sm rounded-md py-2 px-6 tracking-wider uppercase" href="/getting-started/">getting started</a> <a class="ml-3 text-sm btn btn--gradient hover:shadow-lg hover:shadow-pink-200/50 transition-all" href="https://give.newshour.org/page/48170/donate/1?ea.tracking.id=srl_storymaker_website&supporter.appealCode=R2400SW0200SRL">DONATE</a> <a class="ml-3 text-sm btn btn--inverse" href="/login">Educator Login</a> </div> </div> </nav> <div id="srl-side-nav" class="h-screen duration-500 ease-in-out srl-side-nav transition-left closed md:pt-20 md:pl-10 md:pb-20 print:hidden"> <div class="relative flex flex-col h-full srl-side-nav_inner md:rounded-lg"> <div class="h-full w-72 md:w-56"> <nav class="px-6 mt-10 "> <ul class="srl-side-nav_menu" role="menu"> </li> <a class="flex items-center p-2 my-4 transition-colors duration-200 " href="/library/"> <span> <svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.05556 10.5556H7.38889C7.96944 10.5556 8.44444 10.0806 8.44444 9.5V1.05556C8.44444 0.475 7.96944 0 7.38889 0H1.05556C0.475 0 0 0.475 0 1.05556V9.5C0 10.0806 0.475 10.5556 1.05556 10.5556ZM1.05556 19H7.38889C7.96944 19 8.44444 18.525 8.44444 17.9444V13.7222C8.44444 13.1417 7.96944 12.6667 7.38889 12.6667H1.05556C0.475 12.6667 0 13.1417 0 13.7222V17.9444C0 18.525 0.475 19 1.05556 19ZM11.6111 19H17.9444C18.525 19 19 18.525 19 17.9444V9.5C19 8.91945 18.525 8.44444 17.9444 8.44444H11.6111C11.0306 8.44444 10.5556 8.91945 10.5556 9.5V17.9444C10.5556 18.525 11.0306 19 11.6111 19ZM10.5556 1.05556V5.27778C10.5556 5.85833 11.0306 6.33333 11.6111 6.33333H17.9444C18.525 6.33333 19 5.85833 19 5.27778V1.05556C19 0.475 18.525 0 17.9444 0H11.6111C11.0306 0 10.5556 0.475 10.5556 1.05556Z" /> </svg> </span> <span class="mx-4 text-lg font-normal">Library</span> <span class="grow text-right"></span> </a> </li> <li> <a class="flex items-center p-2 my-4 transition-colors duration-200 activate" href="/stories/"> <span> <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.5554 0H4.44434V18H15.5554V0Z" /> <path d="M2.22222 2.3999H0V15.5999H2.22222V2.3999Z" /> <path d="M19.9996 2.3999H17.7773V15.5999H19.9996V2.3999Z" /> </svg> </span> <span class="mx-4 text-lg font-normal">Stories</span> <span class="grow text-right"></span> </a> </li> <li class="pt-5 border-t-2 border-color_srl_light_gray md:hidden flex items-center p-2 my-4 transition-colors duration-200 "> <a class="tracking-wider uppercase " href="/faq/">Pitch Your Story</a> </li> <li class="md:hidden flex items-center p-2 my-4 transition-colors duration-200 "> <a class="tracking-wider uppercase " href="/faq/">faq</a> </li> <li class="md:hidden flex items-center p-2 my-4 transition-colors duration-200"> <a class="tracking-wider uppercase " href="/getting-started/">getting started</a> </li> <li class="md:hidden flex items-center p-2 my-4 transition-colors duration-200"> <a class="items-center justify-center w-full text-sm btn btn--gradient hover:shadow-lg hover:shadow-pink-200/50 transition-all" href="https://give.newshour.org/page/48170/donate/1?ea.tracking.id=srl_storymaker_website&supporter.appealCode=R2400SW0200SRL">DONATE</a> </li> </ul> </nav> </div> </div> </div> <button id="srl-fab-menu" class="flex items-center justify-center p-0 rounded-full srl-fab w-14 h-14 focus:outline-none md:hidden print:hidden"> <svg width="34" height="13" viewBox="0 0 34 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 1.5H34M0 11.5H19" stroke="white" stroke-width="3" /> </svg> </button> <div class="py-12 pl-10 title-bar md:pl-80 print:!px-5"> <h3 class="mb-2 text-sm font-medium uppercase">Example Student Submissions</h3> <h1 class="text-5xl font-bold">Student Stories</h1> </div> <div class="px-5 pt-10 pb-10 srl-app-page_container md:pl-72 print:!px-5"> <section class="relative flex flex-col w-full"> <div class="flex flex-row px-10"> <h3 class="text-base font-bold">RECENT SRL STORIES ON THE PBS NEWSHOUR</h3> <div class="flex-1"></div> <a class="text-base font-bold text-color_srl_light_gray" href="https://www.youtube.com/watch?v=uWpsn8TTe8g&list=PLs0_TpcHnO2x2Mw-yA1lmv4YjC8hYm4Jq&index=5"> <h3>VIEW ALL</h3> </a> </div> <div class="relative grid grid-cols-1 mt-4 gap-y-16 lg:gap-x-8 lg:grid-cols-2"> <div class="flex flex-col items-center"> <div class="video-wrapper-medium" style='background-image: url("https://img.youtube.com/vi/uWpsn8TTe8g/sddefault.jpg");''> <iframe id="player-uWpsn8TTe8g" src="https://www.youtube.com/embed/uWpsn8TTe8g?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> <button id="play-btn-uWpsn8TTe8g" class="play-btn video-play" data-video-id="uWpsn8TTe8g"> <svg width="69" height="69" viewBox="0 0 69 69" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="68.5012" height="68.5012" rx="34.2506" fill="#5BCFFF" /> <path d="M46.99 32.879C47.6567 33.2639 47.6567 34.2261 46.99 34.611L29.3725 44.7825C28.7058 45.1674 27.8725 44.6863 27.8725 43.9165L27.8725 23.5735C27.8725 22.8037 28.7058 22.3226 29.3725 22.7075L46.99 32.879Z" fill="white" /> </svg> </button> </div> <div class="px-10 mt-12"> <h5 class="text-xl font-semibold text-color_srl_slate">Austin theater company works to preserve Latin American culture</h5> <h6 class="mt-1 text-lg text-color_srl_light_gray">PBS NewsHour</h6> </div> </div> <div class="flex flex-col items-center"> <div class="video-wrapper-medium" style='background-image: url("https://img.youtube.com/vi/BeSDQC2coqM/sddefault.jpg");''> <iframe id="player-BeSDQC2coqM" src="https://www.youtube.com/embed/BeSDQC2coqM?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> <button id="play-btn-BeSDQC2coqM" class="play-btn video-play" data-video-id="BeSDQC2coqM"> <svg width="69" height="69" viewBox="0 0 69 69" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="68.5012" height="68.5012" rx="34.2506" fill="#5BCFFF" /> <path d="M46.99 32.879C47.6567 33.2639 47.6567 34.2261 46.99 34.611L29.3725 44.7825C28.7058 45.1674 27.8725 44.6863 27.8725 43.9165L27.8725 23.5735C27.8725 22.8037 28.7058 22.3226 29.3725 22.7075L46.99 32.879Z" fill="white" /> </svg> </button> </div> <div class="px-10 mt-12"> <h5 class="text-xl font-semibold text-color_srl_slate">How Hawaii students convinced schools to provide free menstrual products</h5> <h6 class="mt-1 text-lg text-color_srl_light_gray">PBS NewsHour</h6> </div> </div> </div> </section> <section class="relative flex flex-col w-full mt-8"> <div class="flex flex-row px-10"> <h3 class="text-base font-bold">FEATURED STUDENT STORIES</h3> <div class="flex-1"></div> <a class="text-base font-bold text-color_srl_light_gray" href="https://studentreportinglabs.org/youth-reporting/"> <h3>VIEW ALL</h3> </a> </div> <div class="relative grid grid-cols-1 mt-4 gap-y-16 lg:gap-x-8 lg:grid-cols-2"> <div class="flex flex-col items-center"> <div class="video-wrapper-medium" style='background-image: url("https://img.youtube.com/vi/BaTvLZbQKxU/sddefault.jpg");''> <iframe id="player-BaTvLZbQKxU" src="https://www.youtube.com/embed/BaTvLZbQKxU?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> <button id="play-btn-BaTvLZbQKxU" class="play-btn video-play" data-video-id="BaTvLZbQKxU"> <svg width="69" height="69" viewBox="0 0 69 69" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="68.5012" height="68.5012" rx="34.2506" fill="#5BCFFF" /> <path d="M46.99 32.879C47.6567 33.2639 47.6567 34.2261 46.99 34.611L29.3725 44.7825C28.7058 45.1674 27.8725 44.6863 27.8725 43.9165L27.8725 23.5735C27.8725 22.8037 28.7058 22.3226 29.3725 22.7075L46.99 32.879Z" fill="white" /> </svg> </button> </div> <div class="px-10 mt-12"> <h5 class="text-xl font-semibold text-color_srl_slate">‘National Mall’s public art exhibit explores American resilience and untold stories</h5> <h6 class="mt-1 text-lg text-color_srl_light_gray">Student Reporting Labs</h6> </div> </div> <div class="flex flex-col items-center"> <div class="video-wrapper-medium" style='background-image: url("https://img.youtube.com/vi/UgAQXzCGvv0/sddefault.jpg");''> <iframe id="player-UgAQXzCGvv0" src="https://www.youtube.com/embed/UgAQXzCGvv0?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> <button id="play-btn-UgAQXzCGvv0" class="play-btn video-play" data-video-id="UgAQXzCGvv0"> <svg width="69" height="69" viewBox="0 0 69 69" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="68.5012" height="68.5012" rx="34.2506" fill="#5BCFFF" /> <path d="M46.99 32.879C47.6567 33.2639 47.6567 34.2261 46.99 34.611L29.3725 44.7825C28.7058 45.1674 27.8725 44.6863 27.8725 43.9165L27.8725 23.5735C27.8725 22.8037 28.7058 22.3226 29.3725 22.7075L46.99 32.879Z" fill="white" /> </svg> </button> </div> <div class="px-10 mt-12"> <h5 class="text-xl font-semibold text-color_srl_slate">Steph Curry on being underrated and his advice for young players</h5> <h6 class="mt-1 text-lg text-color_srl_light_gray">Student Reporting Labs</h6> </div> </div> </div> </section> <section class="relative flex flex-col w-full mt-8"> <div class="flex flex-row px-10"> <h3 class="text-base font-bold">SRL SPECIALS</h3> <div class="flex-1"></div> <a class="text-base font-bold text-color_srl_light_gray" href="https://www.youtube.com/watch?v=Ci6yeQGWrGc&list=PLs0_TpcHnO2x6OGNWUHbTRV-c-jbwCNDL&index=1&t=1s"> <h3>VIEW ALL</h3> </a> </div> <div class="relative grid grid-cols-1 mt-4 gap-y-16 lg:gap-x-8 lg:grid-cols-2"> <div class="flex flex-col items-center"> <div class="video-wrapper-medium" style='background-image: url("https://img.youtube.com/vi/Ci6yeQGWrGc/sddefault.jpg");''> <iframe id="player-Ci6yeQGWrGc" src="https://www.youtube.com/embed/Ci6yeQGWrGc?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> <button id="play-btn-Ci6yeQGWrGc" class="play-btn video-play" data-video-id="Ci6yeQGWrGc"> <svg width="69" height="69" viewBox="0 0 69 69" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="68.5012" height="68.5012" rx="34.2506" fill="#5BCFFF" /> <path d="M46.99 32.879C47.6567 33.2639 47.6567 34.2261 46.99 34.611L29.3725 44.7825C28.7058 45.1674 27.8725 44.6863 27.8725 43.9165L27.8725 23.5735C27.8725 22.8037 28.7058 22.3226 29.3725 22.7075L46.99 32.879Z" fill="white" /> </svg> </button> </div> <div class="px-10 mt-12"> <h5 class="text-xl font-semibold text-color_srl_slate">"We the Young People: Moments of Truth" — a PBS NewsHour Student Reporting Labs Special</h5> <h6 class="mt-1 text-lg text-color_srl_light_gray">PBS NewsHour Student Reporting Labs Special</h6> </div> </div> <div class="flex flex-col items-center"> <div class="video-wrapper-medium" style='background-image: url("https://img.youtube.com/vi/h5LrD2ERWu0/sddefault.jpg");''> <iframe id="player-h5LrD2ERWu0" src="https://www.youtube.com/embed/h5LrD2ERWu0?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> <button id="play-btn-h5LrD2ERWu0" class="play-btn video-play" data-video-id="h5LrD2ERWu0"> <svg width="69" height="69" viewBox="0 0 69 69" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="68.5012" height="68.5012" rx="34.2506" fill="#5BCFFF" /> <path d="M46.99 32.879C47.6567 33.2639 47.6567 34.2261 46.99 34.611L29.3725 44.7825C28.7058 45.1674 27.8725 44.6863 27.8725 43.9165L27.8725 23.5735C27.8725 22.8037 28.7058 22.3226 29.3725 22.7075L46.99 32.879Z" fill="white" /> </svg> </button> </div> <div class="px-10 mt-12"> <h5 class="text-xl font-semibold text-color_srl_slate">Face the Facts: Election 2020 Youth Town Hall</h5> <h6 class="mt-1 text-lg text-color_srl_light_gray">PBS NewsHour Student Reporting Labs production</h6> </div> </div> </div> </section> <div class="relative flex flex-row items-center w-full mt-12 lg:mt-32"> <a class="px-12 py-20 m-auto text-sm font-bold btn btn--inverse-outline" href="https://studentreportinglabs.org/">VIEW MORE ON SRL'S WEBSITE</a> </div> </div> <script type="text/javascript" src="https://d2m06gwiiv9vk7.cloudfront.net/js/main.js"></script> <footer class="grid w-full grid-cols-1 pb-6 text-base srl-footer pt-14 font-extralight md:pl-72 md:grid-cols-6 md:gap-4 print:hidden"> <div class="max-w-screen-xl col-span-3 px-4 pb-8 mx-auto"> <div> StoryMaker is a free learning platform developed by PBS News Student Reporting Labs to build the next generation of media creators. Our lesson plans and activities provide a strong foundation of storytelling and journalism skills to help students gain confidence, find their voice, and discover their place in the world. </div> <div class="mt-5 text-xs"> © 2024 PBS News Student Reporting Labs | Privacy Policy </div> </div> <div class="max-w-screen-xl col-span-1 px-4 mx-auto"> <ul> <li class="underline"><a href="https://www.story-maker.org/getting-started/">Getting Started</a> </li> <li class="underline"><a href="https://www.story-maker.org/faq">FAQs</a> </li> <li class="underline"><a href="https://studentreportinglabs.org/">Student Reporting Labs</a> </li> <li class="underline"><a href="https://story-maker.org/terms/">Terms of Use</a> </li> <li class="underline"><a href="https://story-maker.org/privacy/">Privacy Policy</a> </li> </ul> </div> <div class="items-stretch w-full max-w-screen-xl col-span-2 px-4 mx-auto justify-items-stretch"> <h1 class="text-2xl font-bold text-white">Stay Connected</h1> <ul class="flex flex-row mt-4"> <li><a href="https://www.instagram.com/studentreportinglabs/?hl=en"><img src="https://d2m06gwiiv9vk7.cloudfront.net/images/landing-pages/instagram-white.png" alt="Instagram"></a> </li> <li class="ml-4"><a href="https://www.facebook.com/StudentReportingLabs/"><img src="https://d2m06gwiiv9vk7.cloudfront.net/images/landing-pages/facebook-white.png" alt="Facebook"></a> </li> <li class="ml-4"><a href="https://twitter.com/reportinglabs"><img src="https://d2m06gwiiv9vk7.cloudfront.net/images/landing-pages/twitter-white.png" alt="Twitter"></a> </li> <li class="ml-4"><a href="mailto:"><img src="https://d2m06gwiiv9vk7.cloudfront.net/images/landing-pages/email-white.png" alt="White"></a> </li> </ul> </div> </footer> </body> </html>