Resource Library - StoryMaker

<!DOCTYPE html> <html class="no-js" lang="en"> <head> <meta charset="utf-8" /> <title> Resource Library - StoryMaker </title> <meta name="description" content="" /> <meta name="viewport" content="width=device-width, initial-scale=1" />  <meta name="theme-color" content="#7857ff" />  <meta name="msapplication-navbutton-color" content="#7857ff" />  <meta name="apple-mobile-web-app-status-bar-style" content="#7857ff" />  <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Resource Library"> <meta name="twitter:description" content=""> <meta property="og:url" content="http://stroy-maker.org/library/" /> <meta property="og:title" content="Resource Library" /> <meta property="og:description" content="" /> <meta property="og:site_name" content="StoryMaker" /> <meta itemprop="url" content="http://stroy-maker.org/library/"/> <meta itemprop="name" content="Resource Library"> <meta itemprop="description" content="" /> <title>Resource Library</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">  <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>  <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="">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M55CTLJ" height="0" width="0" style="display:none; visibility:hidden"></iframe></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 activate" 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 " 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">StoryMaker Resource Library</h3> <h1 class="text-5xl font-bold">Resource Library</h1> </div> <div class="px-5 pt-10 pb-10 srl-app-page_container md:pl-72 print:!px-5"> <h2 class="font-thin text-color_light-gray text-xl mt-0 mb-4">Explore StoryMaker's Projects, Challenges, Lessons, Videos, and Worksheets.</h2> <div class="mb-10"> <form id="search-form" method="GET" class="bg-white p-4 flex mb-6 flex-row items-center justify-center gap-x-5"> <span class="w-auto flex justify-end items-center text-gray-500 p-2"> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.0086 13.2075H14.06L13.7238 12.8834C14.9005 11.5146 15.6089 9.73756 15.6089 7.80446C15.6089 3.494 12.1149 0 7.80446 0C3.494 0 0 3.494 0 7.80446C0 12.1149 3.494 15.6089 7.80446 15.6089C9.73756 15.6089 11.5146 14.9005 12.8834 13.7238L13.2075 14.06V15.0086L19.211 21L21 19.211L15.0086 13.2075ZM7.80446 13.2075C4.81475 13.2075 2.40137 10.7942 2.40137 7.80446C2.40137 4.81475 4.81475 2.40137 7.80446 2.40137C10.7942 2.40137 13.2075 4.81475 13.2075 7.80446C13.2075 10.7942 10.7942 13.2075 7.80446 13.2075Z" fill="#122933" /> </svg> </span> <input class="w-full rounded p-2 focus:outline-none !mb-0" type="text" name="search" id="search" placeholder="Search Resource Library (ex: Projects)" > <button class="btn !h-full" id="search" onclick="document.getElementById('search-form').submit()"> <p class="font-semibold text-xs">Search</p> </button> </form> <div class="flex flex-col md:flex-row flex-wrap gap-y-5 gap-x-3"> <form id="quick-search-form-open-prompts" method="get"> <input type="hidden" name="filter_topics" value="Active Prompts" /> <button for="quick-search-form-open-prompts" class="text-sm btn !px-2 !py-1 leading-tight btn--inverse-outline " type="submit"> OPEN PROMPTS </button> </form> <form id="quick-search-form-lessons" method="get"> <input type="hidden" name="filter_topics" value="Lessons" /> <button for="quick-search-form-lessons" class="text-sm btn !px-2 !py-1 leading-tight btn--inverse-outline " type="submit"> LESSONS </button> </form> <form id="quick-search-form-tutorials" method="get"> <input type="hidden" name="filter_topics" value="Tutorials" /> <button for="quick-search-form-tutorials" class="text-sm btn !px-2 !py-1 leading-tight btn--inverse-outline " type="submit"> TUTORIALS </button> </form> <form id="quick-search-form-projects" method="get"> <input type="hidden" name="filter_topics" value="Projects" /> <button for="quick-search-form-projects" class="text-sm btn !px-2 !py-1 leading-tight btn--inverse-outline " type="submit"> PROJECTS </button> </form> <form id="quick-search-form-toolkits" method="get"> <input type="hidden" name="filter_topics" value="Toolkit" /> <button for="quick-search-form-toolkits" class="text-sm btn !px-2 !py-1 leading-tight btn--inverse-outline " type="submit"> TOOLKITS </button> </form> <button id="advanced-search-button" class="text-sm btn !px-2 !py-1 leading-tight btn--inverse-outline">+ More</button> <div class="flex-1"></div> </div> </div> <div class="grid grid-cols-1 md:grid-cols-5 md:gap-x-10 mb-20"> <div id="resource-library-filters-container" class="hidden" > <div class="filter_form"> <div class="w-full"> <a href="/library/"> <div class="flex flex-row items-center mb-6"> <h4 class="mb-2 font-semibold text-color_srl_slate">Clear All Filters</h4> <div class="flex-1"></div> </div> </a> <form id="filter-form" method="get"> <div> <button type="button" data-filter-type="level" class="w-full filter-form_show-hide-button focus:outline-none"> <div class="flex flex-row items-center"> <h4 class="mb-2 font-semibold text-color_srl_slate">Level</h4> <div class="flex-1"></div> <svg id="filter-form_arrow--level" class="transition-all duration-700 transform rotate-180 " width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6 2L6.71523 1.30111L6 0.569157L5.28477 1.30111L6 2ZM11.7152 6.41802L6.71523 1.30111L5.28477 2.69889L10.2848 7.8158L11.7152 6.41802ZM5.28477 1.30111L0.28477 6.41802L1.71523 7.8158L6.71523 2.69889L5.28477 1.30111Z" fill="#122933" /> </svg> </div> </button> <hr class="mb-2" /> <div id="filter-form_container--level" data-filter-type="level" class="relative mb-6 overflow-y-hidden transition-all duration-700 filter-form_container max-h-0 "> <fieldset> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Advanced" name="filter_levels" value="Advanced" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Advanced"> Advanced </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Beginner" name="filter_levels" value="Beginner" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Beginner"> Beginner </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Intermediate" name="filter_levels" value="Intermediate" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Intermediate"> Intermediate </label><br> </div> </fieldset> </div> </div> <div> <button type="button" data-filter-type="topic" class="w-full filter-form_show-hide-button focus:outline-none"> <div class="flex flex-row items-center"> <h4 class="mb-2 font-semibold text-color_srl_slate">Topic</h4> <div class="flex-1"></div> <svg id="filter-form_arrow--topic" class="transition-all duration-700 transform rotate-180 " width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6 2L6.71523 1.30111L6 0.569157L5.28477 1.30111L6 2ZM11.7152 6.41802L6.71523 1.30111L5.28477 2.69889L10.2848 7.8158L11.7152 6.41802ZM5.28477 1.30111L0.28477 6.41802L1.71523 7.8158L6.71523 2.69889L5.28477 1.30111Z" fill="#122933" /> </svg> </div> </button> <hr class="mb-2" /> <div id="filter-form_container--topic" data-filter-type="topic" class="relative mb-6 overflow-y-hidden transition-all duration-700 filter-form_container max-h-0 "> <fieldset> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Active Prompts" name="filter_topics" value="Active Prompts" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Active Prompts"> Active Prompts </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Arts" name="filter_topics" value="Arts" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Arts"> Arts </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Broadcast News" name="filter_topics" value="Broadcast News" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Broadcast News"> Broadcast News </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Civics" name="filter_topics" value="Civics" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Civics"> Civics </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Climate Change" name="filter_topics" value="Climate Change" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Climate Change"> Climate Change </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Digital Literacy/Citizenship" name="filter_topics" value="Digital Literacy/Citizenship" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Digital Literacy/Citizenship"> Digital Literacy/Citizenship </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Education" name="filter_topics" value="Education" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Education"> Education </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Elections" name="filter_topics" value="Elections" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Elections"> Elections </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Getting Started Goals" name="filter_topics" value="Getting Started Goals" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Getting Started Goals"> Getting Started Goals </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Gun Violence" name="filter_topics" value="Gun Violence" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Gun Violence"> Gun Violence </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Health" name="filter_topics" value="Health" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Health"> Health </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="History" name="filter_topics" value="History" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="History"> History </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Identity" name="filter_topics" value="Identity" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Identity"> Identity </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Journalism" name="filter_topics" value="Journalism" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Journalism"> Journalism </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Lessons" name="filter_topics" value="Lessons" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Lessons"> Lessons </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Media Literacy" name="filter_topics" value="Media Literacy" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Media Literacy"> Media Literacy </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Mental Health" name="filter_topics" value="Mental Health" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Mental Health"> Mental Health </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Podcasting" name="filter_topics" value="Podcasting" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Podcasting"> Podcasting </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Projects" name="filter_topics" value="Projects" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Projects"> Projects </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Race and Justice" name="filter_topics" value="Race and Justice" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Race and Justice"> Race and Justice </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Representation" name="filter_topics" value="Representation" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Representation"> Representation </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="School Safety" name="filter_topics" value="School Safety" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="School Safety"> School Safety </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Science" name="filter_topics" value="Science" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Science"> Science </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Social Media" name="filter_topics" value="Social Media" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Social Media"> Social Media </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="STEM" name="filter_topics" value="STEM" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="STEM"> STEM </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Stereotypes and Misconceptions" name="filter_topics" value="Stereotypes and Misconceptions" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Stereotypes and Misconceptions"> Stereotypes and Misconceptions </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Toolkit" name="filter_topics" value="Toolkit" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Toolkit"> Toolkit </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Tutorials" name="filter_topics" value="Tutorials" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Tutorials"> Tutorials </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Video Production" name="filter_topics" value="Video Production" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Video Production"> Video Production </label><br> </div> </fieldset> </div> </div> <div> <button type="button" data-filter-type="skill" class="w-full filter-form_show-hide-button focus:outline-none"> <div class="flex flex-row items-center"> <h4 class="mb-2 font-semibold text-color_srl_slate">Skills</h4> <div class="flex-1"></div> <svg id="filter-form_arrow--skill" class="transition-all duration-700 transform rotate-180 " width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6 2L6.71523 1.30111L6 0.569157L5.28477 1.30111L6 2ZM11.7152 6.41802L6.71523 1.30111L5.28477 2.69889L10.2848 7.8158L11.7152 6.41802ZM5.28477 1.30111L0.28477 6.41802L1.71523 7.8158L6.71523 2.69889L5.28477 1.30111Z" fill="#122933" /> </svg> </div> </button> <hr class="mb-2" /> <div id="filter-form_container--skill" data-filter-type="skill" class="relative mb-6 overflow-y-hidden transition-all duration-700 filter-form_container max-h-0 "> <fieldset> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Audio" name="filter_skills" value="Audio" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Audio"> Audio </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Camera" name="filter_skills" value="Camera" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Camera"> Camera </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Communication" name="filter_skills" value="Communication" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Communication"> Communication </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Critical Thinking" name="filter_skills" value="Critical Thinking" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Critical Thinking"> Critical Thinking </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Editing" name="filter_skills" value="Editing" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Editing"> Editing </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Evaluating Evidence" name="filter_skills" value="Evaluating Evidence" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Evaluating Evidence"> Evaluating Evidence </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Fact Checking" name="filter_skills" value="Fact Checking" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Fact Checking"> Fact Checking </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Interviewing" name="filter_skills" value="Interviewing" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Interviewing"> Interviewing </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Lighting" name="filter_skills" value="Lighting" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Lighting"> Lighting </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Problem Solving" name="filter_skills" value="Problem Solving" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Problem Solving"> Problem Solving </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Reasoning" name="filter_skills" value="Reasoning" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Reasoning"> Reasoning </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Reporting" name="filter_skills" value="Reporting" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Reporting"> Reporting </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Research" name="filter_skills" value="Research" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Research"> Research </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Social Media" name="filter_skills" value="Social Media" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Social Media"> Social Media </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="STEM" name="filter_skills" value="STEM" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="STEM"> STEM </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Team Work" name="filter_skills" value="Team Work" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Team Work"> Team Work </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="Video" name="filter_skills" value="Video" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="Video"> Video </label><br> </div> </fieldset> </div> </div> <div> <button type="button" data-filter-type="standard_body" class="w-full filter-form_show-hide-button focus:outline-none"> <div class="flex flex-row items-center"> <h4 class="mb-2 font-semibold text-color_srl_slate">Standards</h4> <div class="flex-1"></div> <svg id="filter-form_arrow--standard_body" class="transition-all duration-700 transform rotate-180 " width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6 2L6.71523 1.30111L6 0.569157L5.28477 1.30111L6 2ZM11.7152 6.41802L6.71523 1.30111L5.28477 2.69889L10.2848 7.8158L11.7152 6.41802ZM5.28477 1.30111L0.28477 6.41802L1.71523 7.8158L6.71523 2.69889L5.28477 1.30111Z" fill="#122933" /> </svg> </div> </button> <hr class="mb-2" /> <div id="filter-form_container--standard_body" data-filter-type="standard_body" class="relative mb-6 overflow-y-hidden transition-all duration-700 filter-form_container max-h-0 "> <fieldset> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="CCSS - Literacy" name="filter_standard_body" value="CCSS - Literacy" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="CCSS - Literacy"> CCSS - Literacy </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="CTE - Career Tech" name="filter_standard_body" value="CTE - Career Tech" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="CTE - Career Tech"> CTE - Career Tech </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="ISTE - Technology" name="filter_standard_body" value="ISTE - Technology" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="ISTE - Technology"> ISTE - Technology </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="NCSS - Civics" name="filter_standard_body" value="NCSS - Civics" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="NCSS - Civics"> NCSS - Civics </label><br> </div> <div class="flex flex-row ml-1 form_checkbox"> <input class="pl-3 mt-1 border-gray-300 rounded shadow-sm form-checkbox text-color_primary_darker focus:border-color_primary_darker focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50" type="checkbox" id="NGSS - Science" name="filter_standard_body" value="NGSS - Science" onchange="document.getElementById('filter-form').submit()"> <label class="inline-block ml-3 leading-relaxed align-middle" for="NGSS - Science"> NGSS - Science </label><br> </div> </fieldset> </div> </div> <input type="hidden" name="advanced_search" value="true" id="advanced_search"/> <button class="hidden overflow-hidden filter-form_submit-button" type="submit">Filter</button> </form> </div> </div> </div> <div id="resource-library-cards-container" class="transition-all cols-span-1 grid items-center grid-flow-row grid-cols-1 gap-4 justify-items-center md:grid-cols-2 md:col-span-5 xl:grid-cols-3 2xl:grid-cols-4"> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/2024-2025-school-year-prompts/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/24-25_Prompts_button1.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">2-6 Weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/2024-2025-school-year-prompts/">2024-2025 SCHOOL YEAR PROMPTS</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/2024-2025-school-year-prompts/">Explore the many different ways students will have to create stories this upcoming school year.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/how-to-capture-content-on-election-day/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/how_to_capture_election_day_2024_content.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">1-4 hours</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/how-to-capture-content-on-election-day/">How to capture content on Election Day</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/how-to-capture-content-on-election-day/">PBS News Student Reporting Labs needs your help! We’re looking for students to film video content on Election Day, November 5, 2024.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/activate-and-amplify-student-voice/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Teachinggoals_studentvoices_smooth1.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">Variable</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/activate-and-amplify-student-voice/">Activate and Amplify Student Voice</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/activate-and-amplify-student-voice/">Getting Started Goals</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/health-innovators-and-innovation/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Project_HealthInnovators_2.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">2-4 weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/health-innovators-and-innovation/">Health Innovators and Innovation</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/power-in-numbers/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/POWER-IN-NUMBERS-MAP-1500px-1-1024x629.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">8 weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/power-in-numbers/">Power In Numbers</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/power-in-numbers/">Youth Movements Across America</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/on-our-minds-season-5/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/3_OOM_S5_2_1.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">4-6 Weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/on-our-minds-season-5/">ON OUR MINDS SEASON 5: Podcast and Audio Storytelling</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/on-our-minds-season-5/">Who inspires you?</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/lesson-1-defining-goals-and-identifying-audience-for-90-second-video-stories/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/defining_goals.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">2-3 Weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/lesson-1-defining-goals-and-identifying-audience-for-90-second-video-stories/">LESSON 1: Defining Goals and Identifying Audience for 90-second Video Stories</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/lesson-1-defining-goals-and-identifying-audience-for-90-second-video-stories/">How to Produce Impactful Stories in 90 Seconds</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/systems-thinking/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/JD_LessonPlan1.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">30-50 minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/systems-thinking/">Systems Thinking</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/systems-thinking/">Trace news and events to larger policies, structures, and ideas. Learn how journalism can provide context.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/audio-storytelling-tool-kit/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/KUOW-RA_Logo_300px.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">Varies (45 - 90 Mins)</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/audio-storytelling-tool-kit/">Audio Storytelling Toolkit</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/audio-storytelling-tool-kit/">Lessons to amp up your podcast stories</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/dear-mr-president-messages-to-the-next-president-and-vice-president/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Rapid_responseThumb1.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">50 minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/dear-mr-president-messages-to-the-next-president-and-vice-president/">Dear Mr. President… Messages to the next President and Vice President</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/dear-mr-president-messages-to-the-next-president-and-vice-president/">What should President-elect Donald Trump and Vice President-elect JD Vance know about the issues you care about? DEADLINE: December 13th</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/journalism-ethics/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/10_journalism_ethics_1.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">60 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/journalism-ethics/">Journalism Ethics</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/journalism-ethics/">Understand ethics related to journalism</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/lesson-2-building-two-column-scripts-for-science-stories/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/2_column_script1.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">1 Week</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/lesson-2-building-two-column-scripts-for-science-stories/">LESSON 2: Building Two-Column Scripts for Science Stories</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/lesson-2-building-two-column-scripts-for-science-stories/">Pairing Words and Imagery</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/living-through-a-natural-disaster/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Living_through_disaster.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">4-6 weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/living-through-a-natural-disaster/">Living through a natural disaster</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/living-through-a-natural-disaster/">Share stories from young people impacted by natural disasters</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/run-hide-fight-growing-up-under-the-gun-discussion-guide/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/RHF1_5.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">1 hour</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/run-hide-fight-growing-up-under-the-gun-discussion-guide/">"Run, Hide, Fight: Growing up under the gun" Discussion Guide</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/im-voting-because/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/firsttime_voter1.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">1-2 Weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/im-voting-because/">I’m voting because…</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/whats-on-the-ballot/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/whatsontheballot.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">2 Weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/whats-on-the-ballot/">What's on the ballot?</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/election-worker-profile/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Election_worker_profile2.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">2-4 Weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/election-worker-profile/">Election Worker Profile</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/election-worker-profile/">Video Profile</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/my-registration-story/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/My_voter_registration_story_large.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">1-2 WEEKS</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/my-registration-story/">My Registration Story</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/elections-2024-young-leaders/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Elections_2024_Young_Leaders2.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">4-6 Weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/elections-2024-young-leaders/">Elections 2024: Young leaders</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/elections-2024-young-leaders/">Share stories about young people taking part in the 2024 elections, from activists, to organizers, campaign volunteers, election workers, and young people running for office. DEADLINE: Friday, Oct 11, 2024</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/climate-change-in-my-community/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Climatechange2.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">4-6 weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/climate-change-in-my-community/">Climate change in my community</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/climate-change-in-my-community/">Seeking: local stories about climate change and the environment. Rolling deadline.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/exploring-immigrant-experiences/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/4_immigration2.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">4-6 weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/exploring-immigrant-experiences/">Exploring immigrant experiences</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/exploring-immigrant-experiences/">Stories of immigrants and first-generation Americans.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/americas-hidden-histories/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/1_Americas_Hidden_Histories3.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">4-6 weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/americas-hidden-histories/">America's hidden histories</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/americas-hidden-histories/">Explore events and people left out of the history books.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/2024-election-tool-kit/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Election_toolkit3.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">2-4 Weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/2024-election-tool-kit/">2024 ELECTION TOOL KIT</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/2024-election-tool-kit/">Your go-to for 2024 election student journalism resources.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/rapid-response-action-on-gun-violence/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Rapid_responseThumb1.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">50 minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/rapid-response-action-on-gun-violence/">RAPID RESPONSE: action on gun violence</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/rapid-response-action-on-gun-violence/">DEADLINE: May 17th</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/mediawise-toolkit/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/MWFC2.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">50 minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/mediawise-toolkit/">LIVE: MediaWise Toolkit</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/mediawise-toolkit/">Learn to debunk viral misinformation online</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/2023-2024-school-year-prompts/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/23-24_prompts_button5.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">2-6 weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/2023-2024-school-year-prompts/">2023-2024 SCHOOL YEAR PROMPTS</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/2023-2024-school-year-prompts/">Explore the many different ways students will have to create stories this upcoming school year.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/music-dance-community-culture/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/musicanddance3.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">4-6 weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/music-dance-community-culture/">Music, dance, community & culture</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/music-dance-community-culture/">How does singing, dancing, performing, and celebrating express your culture and your identity?</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/run-hide-fight-growing-up-under-the-gun/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/RunHideFight1_1.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">4-6 weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/run-hide-fight-growing-up-under-the-gun/">Run, hide, fight: growing up under the gun</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/run-hide-fight-growing-up-under-the-gun/">Explore how gun violence affects young people and their communities.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/from-bills-to-books-new-laws-aimed-at-what-students-learn-and-how-they-express-themselves/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/bookbans1.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">4-6 weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/from-bills-to-books-new-laws-aimed-at-what-students-learn-and-how-they-express-themselves/">From bills to books: new laws aimed at what students learn and how they express themselves</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/from-bills-to-books-new-laws-aimed-at-what-students-learn-and-how-they-express-themselves/">Produce a story about a new law or policy aimed at controlling what students learn and how they express themselves.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/rapid-response-living-with-gun-violence/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Rapid_responseThumb1.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">50 minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/rapid-response-living-with-gun-violence/">RAPID RESPONSE: Living with gun violence</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/rapid-response-living-with-gun-violence/">SRL is eager to hear directly from students and their peers about their thoughts, feelings and opinions on this critical issue. DEADLINE: March 15th.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/statues-symbols-and-stories-how-public-spaces-reflect-americas-past-and-present/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/statuessymbols3.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">4-6 Weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/statues-symbols-and-stories-how-public-spaces-reflect-americas-past-and-present/">Statues, symbols, and stories: how public spaces reflect America’s past and present</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/statues-symbols-and-stories-how-public-spaces-reflect-americas-past-and-present/">Explore statues, names of buildings, and art in public spaces within your community.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/how-to-interview-politicians/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Interviewing_politicians.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">2-4 Weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/how-to-interview-politicians/">How To Interview Politicians</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/how-to-interview-politicians/">Video Profile</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/ready-for-the-real-world/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/workinschoolwork2.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">4-6 Weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/ready-for-the-real-world/">Ready for the real world?</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/ready-for-the-real-world/">What really helps teens prepare for work and careers?</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/2022-midterm-election-tool-kit/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Election_toolkit1.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">2-4 Weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/2022-midterm-election-tool-kit/">2022 MIDTERM ELECTION TOOL KIT</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/2022-midterm-election-tool-kit/">Your go-to for 2022 Midterm election student journalism resources.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/making-black-history/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/IABH2.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">1 Week</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/making-black-history/">LIVE: Making Black History</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/making-black-history/">Tell us about a Black figure who inspires you. DEADLINE: February 2nd</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/encouraging-empathy-and-curiosity-in-class-discussions/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Empathy_and_curiosity1_2.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">30-45 minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/encouraging-empathy-and-curiosity-in-class-discussions/">Encouraging Empathy and Curiosity in Class Discussions</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/encouraging-empathy-and-curiosity-in-class-discussions/">This resource provides tools for addressing controversial issues while promoting a safe and respectful environment for all students and educators to freely express themselves during these discussions.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/rapid-response-how-war-in-the-middle-east-affects-american-schools/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Rapid_responseThumb1.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">50 minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/rapid-response-how-war-in-the-middle-east-affects-american-schools/">RAPID RESPONSE: How War in the Middle East Affects American schools</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/rapid-response-how-war-in-the-middle-east-affects-american-schools/">How are American schools feeling the effects of the war between Israel and Hamas? DEADLINE: OCTOBER 26TH</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/how-to-publish-your-reporting-and-grow-your-audience/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/howtogrowyouraudience2.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">1 hour</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/how-to-publish-your-reporting-and-grow-your-audience/">How to Publish Your Reporting and Grow Your Audience</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/how-to-publish-your-reporting-and-grow-your-audience/">Tips on how to amplify student stories in your community and beyond.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/on-our-minds-season-4/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/OOM_S4_20.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">4-6 weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/on-our-minds-season-4/">ON OUR MINDS SEASON 4: Podcast and Audio Storytelling</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/on-our-minds-season-4/">Students will report and produce stories and interviews about the teen experience.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/unsung-heroes/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/2022_09_UnsungHeroes2.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">30-60 MINUTES</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/unsung-heroes/">Find your community’s unsung heroes! #SRLShorts</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/unsung-heroes/">Shine a spotlight on the remarkable individuals who help students learn, grow, and feel safe and supported.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/evidence-and-experts/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/LessonPlan_13_EvidenceAndExperts_3_Small.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">50 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/evidence-and-experts/">Evidence and Experts</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/seeking-pitches-for-moments-of-truth-season-2/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/MoTprompt3.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">2-3 Weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/seeking-pitches-for-moments-of-truth-season-2/">Moments of Truth: have you tried to quit social media?</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/seeking-pitches-for-moments-of-truth-season-2/">Explore how communities are coming together to support truth, quality news and information, and healthier online discourse.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/find-your-story/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/LeesonPlan_7_Find_your_story_Large.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">50 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/find-your-story/">Find Your Story</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/find-your-story/">Develop a compelling news story</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/life-after-prison-how-young-people-are-affected-by-the-criminal-justice-system/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/lifeafterprison5.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">4-6 Weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/life-after-prison-how-young-people-are-affected-by-the-criminal-justice-system/">Life after prison: how young people are affected by the criminal justice system</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/life-after-prison-how-young-people-are-affected-by-the-criminal-justice-system/">Share stories from young people impacted by incarceration</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/live-food-family-culture-community/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Food3.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">4-6 weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/live-food-family-culture-community/">Food, Family, Culture & Community</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/srlshorts-life-after-high-school/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/2022_04_LifeAfterSchool1.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">30-60 minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/srlshorts-life-after-high-school/">#SRLShorts: Life After High School</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/how-is-artificial-intelligence-disrupting-education/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/RR_AI_4.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">1 day</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/how-is-artificial-intelligence-disrupting-education/">RAPID RESPONSE: How is artificial intelligence disrupting education?</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/how-is-artificial-intelligence-disrupting-education/">New tools like ChatGPT are changing school.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/rapid-response-can-the-government-ban-tiktok/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/tiktokban5.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">45 minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/rapid-response-can-the-government-ban-tiktok/">RAPID RESPONSE: Can the Government Ban TikTok?</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/increase-civic-engagement-goal/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Teachinggoals_IncreaseCivicEngagement_smooth6.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">Variable</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/increase-civic-engagement-goal/">Increase Civic Engagement</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/increase-civic-engagement-goal/">Getting Started Goals</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/rapid-response-how-do-schools-accommodate-fasting-students/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/fasting_ramadan_rekt4.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">1-5 Days</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/rapid-response-how-do-schools-accommodate-fasting-students/">LIVE: How Do Schools Accommodate Fasting Students?</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/how-to-record-a-rapid-response/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/RapidResponse1080_LU1.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Video</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">25 minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/how-to-record-a-rapid-response/">How to record a Rapid Response</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/how-to-record-a-rapid-response/">Level Up Tutorial</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/live-who-controls-our-classrooms/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/2022_03_NewLaws1.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">30-60 minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/live-who-controls-our-classrooms/">Who controls our classrooms? #SRLShorts</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/live-who-controls-our-classrooms/">These responses will be uploaded to SRL’s Tiktok, IG reels and YouTube shorts in our new monthly #SRLShorts series. DEADLINE: March 19th.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/live-rapid-response-mass-shootings-and-gun-violence/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/gun_violence1.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">2-4 hours</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/live-rapid-response-mass-shootings-and-gun-violence/">RAPID RESPONSE: mass shootings and gun violence</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/build-stem-and-science-journalism-skills/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Teachinggoals_sciencereporting_smooth4.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">Variable</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/build-stem-and-science-journalism-skills/">Explore Science Journalism and STEM</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/build-stem-and-science-journalism-skills/">Getting Started Goals</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/been-there-lit-that/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/2_LitThat2_resize_SmallResize.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Video</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">25 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/been-there-lit-that/">Been there, lit that</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/been-there-lit-that/">Level Up Tutorial</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/in-camera-edit/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/LeesonPlan_8_In_camera_edit_Large.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">2 Hours</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/in-camera-edit/">In-Camera Edit</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/in-camera-edit/">Learn how to create video sequences</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/get-that-b-roll/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/1_broll4_large_SmallResize.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Video</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">25 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/get-that-b-roll/">Get that b-roll</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/get-that-b-roll/">Level Up Tutorial</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/shifting-the-frame/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/LeesonPlan_1_Shifting_the_frame_photo_Small.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">50 - 60 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/shifting-the-frame/">Shifting the Frame</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/shifting-the-frame/">How are communities portrayed in the news media?</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/scriptwriting/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/LeesonPlan_3_Scripting_Large.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">4-8 Classes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/scriptwriting/">Scriptwriting</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/scriptwriting/">Steps, tips, and strategies</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/checklist-video-production-guidelines/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Screen_Shot_2021-09-14_at_1.22.24_PM.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">15 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/checklist-video-production-guidelines/">QUICK GUIDE to Video Production</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/what-is-newsworthy/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/LeesonPlan_2_what_is_newsworthy_Small.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">50 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/what-is-newsworthy/">What is Newsworthy?</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/what-is-newsworthy/">How do journalists decide story topics?</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/experiment-with-storytelling-formats/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Teachinggoals_experimenting_smooth2.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">Variable</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/experiment-with-storytelling-formats/">Experiment with Storytelling Formats</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/experiment-with-storytelling-formats/">Getting Started Goals</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/pre-interviewing-lesson/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/LeesonPlan_4_art_of_the_interview_Large.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">50 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/pre-interviewing-lesson/">Pre-Interviewing</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/pre-interviewing-lesson/">The Art of the Interview Part 2</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/what-makes-a-good-video-story/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/LeesonPlan_5_what_makes_a_good_video_story_Lar.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">60 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/what-makes-a-good-video-story/">What Makes a Good Video Story?</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/srl-social-media-guide/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/LessonPlan_14_SRL_Social_Media_Guide_1_Small.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">Variable</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/srl-social-media-guide/">QUICK GUIDE to Social Media</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/srl-social-media-guide/">Use this guide to help find your classroom’s voice online</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/911-20-years-later/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Screen_Shot_2021-09-14_at_9.35.23_PM.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">1-5 Days</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/911-20-years-later/">9/11: 20 Years Later</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/youth-climate-leaders/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Challenge_YouthCliamteLeaders2_091421.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">2-3 Classes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/youth-climate-leaders/">Youth Climate Leaders</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/youth-climate-leaders/">Explore climate change, locally</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/audio-dos-and-donts/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/5_AudioDoDont1_resize_SmallResize.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Video</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">25 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/audio-dos-and-donts/">AUDIO: Dos and Don’ts</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/audio-dos-and-donts/">Level Up Tutorial</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/restoring-a-shared-reality-against-a-backdrop-of-misinformation-lesson/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/WYP_SM.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">50 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/restoring-a-shared-reality-against-a-backdrop-of-misinformation-lesson/">How to Combat Political Misinformation</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/young-fact-checkers-explain-how-to-tell-fact-from-fiction-online/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Explainer_Magenta.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Video</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">30 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/young-fact-checkers-explain-how-to-tell-fact-from-fiction-online/">Young fact-checkers explain how to discern info online</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/young-fact-checkers-explain-how-to-tell-fact-from-fiction-online/">Face the Facts</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/audio-meet-the-tascam/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/6_Tascam_resize.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Video</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">25 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/audio-meet-the-tascam/">AUDIO: Meet the TASCAM</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/audio-meet-the-tascam/">Level Up Tutorial</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/pitch-your-story/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/LeesonPlan_9_Pitch_your_story.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">50 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/pitch-your-story/">Pitch Your Story</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/pitch-your-story/">Learn how to turn story ideas into fully developed pitches</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/broadcast-news/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/6_Broadbast_news5.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">50 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/broadcast-news/">Broadcast News</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/broadcast-news/">What is it?</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/motivate-with-culturally-responsive-projects/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Teachinggoals_culturalProjects_smooth1.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">Variable</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/motivate-with-culturally-responsive-projects/">Motivate with Culturally Responsive Projects</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/motivate-with-culturally-responsive-projects/">Getting Started Goals</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/getting-started-media-literacy-skills/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Teachingmedialiteracy_smooth1.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">Variable</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/getting-started-media-literacy-skills/">Teach Media Literacy Skills</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/getting-started-media-literacy-skills/">Getting Started Goals</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/how-do-i-navigate-information-on-social-media/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Explainer_1_NavigateSocialMedia_1_Small.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Video</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">25 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/how-do-i-navigate-information-on-social-media/">How do I navigate information on social media?</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/how-do-i-navigate-information-on-social-media/">Explainer</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/how-to-debunk-science-reporting-in-the-news/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Explainer_2_Misinformation_3_Small.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Video</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">25 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/how-to-debunk-science-reporting-in-the-news/">How to debunk science misinformation</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/how-to-debunk-science-reporting-in-the-news/">Science Explainer</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/how-to-record-a-video-diary/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Levelup_Magenta.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Video</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">25 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/how-to-record-a-video-diary/">How to record a video diary</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/how-to-record-a-video-diary/">Level Up Tutorial</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/how-sitting-all-day-can-lead-to-some-serious-health-issues/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Explainer_5_Sitting_3_small.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Video</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">10 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/how-sitting-all-day-can-lead-to-some-serious-health-issues/">How sitting all day can lead to some serious health issues</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/how-sitting-all-day-can-lead-to-some-serious-health-issues/">Science Explainer</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/elections-misinformation-the-news/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Explainer_4_Elections_3_small.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Video</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">30 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/elections-misinformation-the-news/">Elections, misinformation & the news</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/elections-misinformation-the-news/">Face the Facts</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/research-and-understanding/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/LessonPlan_11_ResearchUnderstanding_Small.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">50 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/research-and-understanding/">Research and Understanding</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/research-and-understanding/">What do you know and how do you know it?</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/start-a-broadcast-program/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Teachinggoals_localbroadcast_smooth1_Small.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">Variable</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/start-a-broadcast-program/">Start a Broadcast Program</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/start-a-broadcast-program/">Getting Started Goals</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/live-letter-to-my-middle-school-self/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/unnamed1.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">1-2 Weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/live-letter-to-my-middle-school-self/">Letter to my middle school self</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/pop-culture-that-made-me-feel-seen/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Bluebandsispopcultureinclusivemask2.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">1-5 Days</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/pop-culture-that-made-me-feel-seen/">Pop culture that “made me feel seen”</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/pop-culture-that-made-me-feel-seen/">Rapid Response</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/live-what-they-didnt-teach-me-in-school/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/what-they-didnt-teach-RR.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">1-5 Days</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/live-what-they-didnt-teach-me-in-school/">What they didn't teach me in school</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/live-what-they-didnt-teach-me-in-school/">Rapid Response</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/live-b-roll-challenge-schools-back-its-weird/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/broll_challenge.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">1-2 Weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/live-b-roll-challenge-schools-back-its-weird/">“School’s back, it’s weird”</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/live-b-roll-challenge-schools-back-its-weird/">B-ROLL Challenge</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/live-tiktok-devious-licks/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Challenge_DeviousLicks5_Small.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">1-5 Days</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/live-tiktok-devious-licks/">TikTok “Devious Licks”</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/live-tiktok-devious-licks/">Rapid Response</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/is-pop-culture-inclusive/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Challenge_IsPopCultureInclusive_Large.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">50 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/is-pop-culture-inclusive/">Is Pop Culture Inclusive?</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/race-and-justice/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/raceandjusticemask1_1.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">50 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/race-and-justice/">Race and Justice Video Diary</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/race-and-justice/">Students explore perspectives on race and justice in America.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/live-climate-change-2022/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Env_ClimateChange1.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">4-6 Weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/live-climate-change-2022/">What does climate change look like in your community?</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/on-our-minds-season-2/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/OOM_S2_18_small.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">2-3 Months</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/on-our-minds-season-2/">“On Our Minds” Season 2</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/on-our-minds-season-2/">Project completed. No longer accepting submissions.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/engineering-our-people-our-planet-how-we-shape-our-world/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/engineeringourworld.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">2-4 weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/engineering-our-people-our-planet-how-we-shape-our-world/">Engineering: Our People, Our Planet - How We Shape Our World</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/fact-checking-for-beginners/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/15_Fact_checking_1.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">50 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/fact-checking-for-beginners/">Fact-checking for beginners</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/how-to-record-a-podcast/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/10_podcast2_resize.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Video</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">25 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/how-to-record-a-podcast/">How to record a podcast</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/how-to-record-a-podcast/">Level Up Tutorial</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/art-of-the-interview-part-1/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/LeesonPlan_4_art_of_the_interview_Large.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">50 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/art-of-the-interview-part-1/">What Makes a Good Interview?</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/art-of-the-interview-part-1/">Art of the Interview Part 1</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/being-a-teen-in-2023/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/2022_01_BeingATeen3.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">30-60 minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/being-a-teen-in-2023/">Being A Teen in 2023 #SRLShorts</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/being-a-teen-in-2023/">DEADLINE: January 23</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/10-shot-camera-challenge/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Rule_of_Thirds_Image.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">45 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/10-shot-camera-challenge/">10-Shot Camera Challenge</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/10-shot-camera-challenge/">Learn composition basics</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/recording-oral-history/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Oral_history2.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">2-4 weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/recording-oral-history/">Recording Oral History</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/recording-oral-history/">Interview a family member or friend with a unique perspective on a historical event.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/being-a-changemaker-your-impact/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/2022_02_Impact1.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">30-60 minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/being-a-changemaker-your-impact/">Being a Changemaker: Your Impact</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/being-a-changemaker-your-impact/">These responses will be uploaded to SRL’s Tiktok, IG reels and YouTube shorts in our new monthly #SRLShorts series. DEADLINE: 2/20</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/beyond-school-learning-black-history-on-my-own/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Black_history_outside_class_3.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">1-3 Days</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/beyond-school-learning-black-history-on-my-own/">Beyond school: learning Black history on my own</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/beyond-school-learning-black-history-on-my-own/">Tell a story about something specific you learned about Black history outside of school.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/art-of-the-interview/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/LeesonPlan_4_art_of_the_interview_Large.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Lesson</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">50 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/art-of-the-interview/">Art of the Interview</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/art-of-the-interview/">Art of the Interview Part 3</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/audio-mic-check-1-2/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/4_MicCheck3_resize.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Video</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">25 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/audio-mic-check-1-2/">AUDIO: Mic check 1, 2</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/audio-mic-check-1-2/">Level Up Tutorial</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/challenge-invention/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Invention3bluebw.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Challenge</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">2-4 Weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/challenge-invention/">Invention and Design Stories That Inspire Us</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/on-our-minds-season-3/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/OOM_S3_9.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">4-6 Weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/on-our-minds-season-3/">"ON OUR MINDS” SEASON 3: Podcast and Audio Storytelling</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/on-our-minds-season-3/">Students will report and produce stories and interviews about the teen experience.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/how-to-properly-focus/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/9_focus2_resize.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Video</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">15 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/how-to-properly-focus/">How to properly focus</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/how-to-properly-focus/">Level Up Tutorial</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/art-and-social-change/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/ArtSocialChange2_small.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">4-6 Weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/art-and-social-change/">Art and Social Change</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/pop-principles-of-photography/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/3_POP_resize_SmallResize.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Video</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">25 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/pop-principles-of-photography/">POP - Principles of Photography</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/pop-principles-of-photography/">Level Up Tutorial</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/how-to-record-b-roll-on-your-phone/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/8_PhoneBroll1_resize.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Video</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">25 Minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/how-to-record-b-roll-on-your-phone/">How to record b-roll on your phone</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/how-to-record-b-roll-on-your-phone/">Level Up Tutorial</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/2022-student-journalism-challenge-my-education-my-future/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/PixelCityH2_1.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">4-6 weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/2022-student-journalism-challenge-my-education-my-future/">2022 Student Journalism Challenge: My Education, My Future</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/2022-student-journalism-challenge-my-education-my-future/">Submissions are now closed.</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/we-the-young-people-moments-of-truth-worksheet/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/wetheyoungpeople.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Worksheet</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">45 minutes</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/we-the-young-people-moments-of-truth-worksheet/">We the Young People: Moments of Truth Worksheet</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/educations-big-debates/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/Screen_Shot_2021-09-19_at_9.51.43_AM.width-450.png")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">4-6 Weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/educations-big-debates/">Education's Big Debates</a> </h2> <div class="grow"></div> </div> </article> <article class="flex flex-col p-2 bg-white rounded-lg shadow-xl library-item-card hover:shadow-2x w-full h-full"> <a href="/library/on-our-minds/"> <div class="rounded-lg library-item-card_image" style='background-image:url("https://ded2p6uwhlbzl.cloudfront.net/images/90wOFAZg.width-450.jpg")'></div> </a> <div class="flex flex-col flex-1 p-3 mt-4"> <div class="flex flex-row mt-4"> <h2 class="font-bold text-color_srl_light_gray">Project</h2> <div class="flex-1"></div> <h2 class="font-bold text-color_srl_light_gray">8 Weeks</h2> </div> <h2 class="mt-6 text-lg font-semibold text-color_srl_slate"> <a href=" /library/on-our-minds/">On Our Minds Podcast</a> </h2> <h2 class="mt-0 text-lg font-thin text-color_light-gray"> <a href=" /library/on-our-minds/">Learn how to tell stories about mental health through audio</a> </h2> <div class="grow"></div> </div> </article> </div> </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>

CINXE.COM

Resource Library - StoryMaker