CINXE.COM
Behind the Scenes: Crafting Online Courses | Yale Online
<!-- THEME DEBUG --> <!-- THEME HOOK: 'html' --> <!-- FILE NAME SUGGESTIONS: ▪️ html--node--575.html.twig ▪️ html--node--%.html.twig ▪️ html--node.html.twig ✅ html.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/layout/html.html.twig' --> <!DOCTYPE html> <html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#"> <head> <meta charset="utf-8" /> <link rel="canonical" href="https://online.yale.edu/news/behind-scenes-crafting-online-courses" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="/themes/yale_online_theme/favicon.ico" type="image/vnd.microsoft.icon" /> <title>Behind the Scenes: Crafting Online Courses | Yale Online</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_qAkb5OQwdSOtwxw88HFvglMwrdm3QFSBI30xoTV6sDQ.css?delta=0&language=en&theme=yale_online_theme&include=eJw1i0EKwCAMBD8k-CRJ7WKFJILrJX19BelthmGqChn5EiLVwwZSGvi7j3u3MbFpmmh_kRhcsLOFKMpw7Y6yHhiySfcPEVsinQ" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_YqqfwdKcuniuMA029j0_tsEmXcwOnD6kT3Q0-msShe8.css?delta=1&language=en&theme=yale_online_theme&include=eJw1i0EKwCAMBD8k-CRJ7WKFJILrJX19BelthmGqChn5EiLVwwZSGvi7j3u3MbFpmmh_kRhcsLOFKMpw7Y6yHhiySfcPEVsinQ" /> </head> <body class="path-node page-node-type-news"> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> <!-- THEME DEBUG --> <!-- THEME HOOK: 'off_canvas_page_wrapper' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/content/off-canvas-page-wrapper.html.twig' --> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <!-- THEME DEBUG --> <!-- THEME HOOK: 'page' --> <!-- FILE NAME SUGGESTIONS: ▪️ page--node--575.html.twig ▪️ page--node--%.html.twig ▪️ page--node.html.twig ✅ page.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/layouts/page.html.twig' --> <div class="layout-container"> <header role="banner"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ✅ region--header.html.twig ▪️ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/layouts/region--header.html.twig' --> <div class="region region-header row m-auto align-items-center"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--yale-online-theme-branding.html.twig ✅ block--system-branding-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/blocks/block--system-branding-block.html.twig' --> <div class="col-auto order-0 logo"> <a href="/" rel="home"> <img src="/themes/yale_online_theme/logo.svg" alt="Yale Online" /> </a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/blocks/block--system-branding-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--yale-online-theme-main-menu.html.twig ✅ block--system-menu-block--main.html.twig ▪️ block--system-menu-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/blocks/block--system-menu-block--main.html.twig' --> <div class="col-auto ml-auto pr-1 d-block d-lg-none" role="search"> <button data-toggle="collapse" data-target="#searchForm" id="btn-search-form-collapse-mobile" class="btn fa fa-search d-inline-block" aria-label="Show Search Box" aria-expanded="false" aria-controls="searchForm"> </button> </div> <div class="pl-1"> <button id="btn-main-navigation-collapse" class="fa fa-bars btn btn-primary d-inline-block d-lg-none" data-toggle="collapse" data-target="#mainNavigation" aria-label="Show Navigation" aria-expanded="false" aria-controls="mainNavigation"> </button> </div> <div class="collapse d-lg-block main-nav ml-auto" id="mainNavigation"> <nav class="accessible-flyout-menu accessible-flyout-menu-desktop" aria-label="Main navigation"> <ul class="menu"> <li class="menu-item"> <a href="/courses" class="menu-item-link" aria-label="Explore Catalog" data-drupal-link-system-path="node/12">EXPLORE CATALOG</a> </li> <li class="menu-item has-submenu"> <a href="/programs" class="menu-item-link" aria-label="Programs" data-drupal-link-system-path="node/2">PROGRAMS</a> <ul class="submenu" id="programs-submenu"> <li class="submenu-item has-submenu"> <span class="submenu-item-link separator" aria-label="Yale School of Management">Yale School of Management</span> <button class="submenu-toggle-btn" aria-expanded="false"><span class="visually-hidden">Open Submenu</span></button> <ul class="submenu" id="yale-school-of-management-submenu"> <li class="submenu-item"> <a href="/programs/yale-school-environment/financing-and-deploying-clean-energy" class="submenu-item-link separator" aria-label="Financing and Deploying Clean Energy" data-drupal-link-system-path="node/359">Financing and Deploying Clean Energy</a> </li> <li class="submenu-item"> <a href="/programs/yale-school-management/som-executive-education" class="submenu-item-link" aria-label="SOM Executive Education" data-drupal-link-system-path="node/371">SOM Executive Education</a> </li> </ul> </li> <li class="submenu-item has-submenu"> <span class="submenu-item-link separator" aria-label="Yale Divinity School">Yale Divinity School</span> <button class="submenu-toggle-btn" aria-expanded="false"><span class="visually-hidden">Open Submenu</span></button> <ul class="submenu" id="yale-divinity-school-submenu"> <li class="submenu-item"> <a href="https://online.yale.edu/youth-ministry-leadership" class="submenu-item-link separator" aria-label="Youth Ministry Leadership">Youth Ministry Leadership</a> </li> <li class="submenu-item"> <a href="/summer-study-yds" class="submenu-item-link separator" aria-label="Summer Study at Yale Divinity School" data-drupal-link-system-path="node/600">Summer Study at Yale Divinity School</a> </li> <li class="submenu-item"> <a href="/the-leaders-way" class="submenu-item-link separator" aria-label="The Leader's Way" data-drupal-link-system-path="node/586">The Leader's Way</a> </li> <li class="submenu-item"> <a href="/courses/transforming-leaders-online" class="submenu-item-link" aria-label="Transforming Leaders Online" data-drupal-link-system-path="node/587">Transforming Leaders Online</a> </li> </ul> </li> <li class="submenu-item has-submenu"> <span class="submenu-item-link separator" aria-label="Yale School of Medicine">Yale School of Medicine</span> <button class="submenu-toggle-btn" aria-expanded="false"><span class="visually-hidden">Open Submenu</span></button> <ul class="submenu" id="yale-school-of-medicine-submenu"> <li class="submenu-item"> <a href="/programs/yale-school-medicine/continuing-medical-education" title="Yale School of Medicine Continuing Medical Education" class="submenu-item-link separator" aria-label="Continuing Medical Education" data-drupal-link-system-path="node/400">Continuing Medical Education</a> </li> <li class="submenu-item"> <a href="/medical-software-ai-program" class="submenu-item-link" aria-label="Medical Software and Medical Artificial Intelligence" data-drupal-link-system-path="node/458">Medical Software and Medical Artificial Intelligence</a> </li> </ul> </li> <li class="submenu-item has-submenu"> <span class="submenu-item-link separator" aria-label="Yale School of Nursing">Yale School of Nursing</span> <button class="submenu-toggle-btn" aria-expanded="false"><span class="visually-hidden">Open Submenu</span></button> <ul class="submenu" id="yale-school-of-nursing-submenu"> <li class="submenu-item"> <a href="/programs/yale-school-nursing/hybrid-doctor-nursing-practice" class="submenu-item-link separator" aria-label="Hybrid Doctor of Nursing Practice" data-drupal-link-system-path="node/361">Hybrid Doctor of Nursing Practice</a> </li> <li class="submenu-item"> <a href="/programs/yale-school-nursing/online-psychiatric-mental-health-nurse-practitioner" class="submenu-item-link" aria-label="Online Psychiatric-Mental Health Nurse Practitioner" data-drupal-link-system-path="node/408">Online Psychiatric-Mental Health Nurse Practitioner</a> </li> </ul> </li> <li class="submenu-item has-submenu"> <span class="submenu-item-link separator" aria-label="Yale School of Public Health">Yale School of Public Health</span> <button class="submenu-toggle-btn" aria-expanded="false"><span class="visually-hidden">Open Submenu</span></button> <ul class="submenu" id="yale-school-of-public-health-submenu"> <li class="submenu-item"> <a href="https://online.yale.edu/programs/climate-change-and-health" class="submenu-item-link separator" aria-label="Climate Change and Health">Climate Change and Health</a> </li> <li class="submenu-item"> <a href="/programs/yale-school-public-health/online-master-public-health" class="submenu-item-link" aria-label="Online Master of Public Health" data-drupal-link-system-path="node/360">Online Master of Public Health</a> </li> </ul> </li> <li class="submenu-item has-submenu"> <span class="submenu-item-link" aria-label="Yale School of the Environment">Yale School of the Environment</span> <button class="submenu-toggle-btn" aria-expanded="false"><span class="visually-hidden">Open Submenu</span></button> <ul class="submenu" id="yale-school-of-the-environment-submenu"> <li class="submenu-item"> <a href="/ceed-program" class="submenu-item-link separator" aria-label="Clean and Equitable Energy Development" data-drupal-link-system-path="node/459">Clean and Equitable Energy Development</a> </li> <li class="submenu-item"> <a href="/programs/yale-school-environment/financing-and-deploying-clean-energy" class="submenu-item-link separator" aria-label="Financing and Deploying Clean Energy" data-drupal-link-system-path="node/359">Financing and Deploying Clean Energy</a> </li> <li class="submenu-item"> <a href="/courses/green-chemistry-program" class="submenu-item-link separator" aria-label="Green Chemistry for Climate and Sustainability" data-drupal-link-system-path="node/581">Green Chemistry for Climate and Sustainability</a> </li> <li class="submenu-item"> <a href="/programs/yale-school-environment/tropical-forest-landscapes" class="submenu-item-link separator" aria-label="Tropical Forest Landscapes" data-drupal-link-system-path="node/231">Tropical Forest Landscapes</a> </li> <li class="submenu-item"> <a href="/urban-climate-leadership" class="submenu-item-link" aria-label="Urban Climate Leadership" data-drupal-link-system-path="node/460">Urban Climate Leadership</a> </li> </ul> </li> </ul> </li> <li class="menu-item has-submenu"> <a href="/about-yale-online" class="menu-item-link" aria-label="About Yale Online" data-drupal-link-system-path="node/357">ABOUT YALE ONLINE</a> <ul class="submenu" id="about-yale-online-submenu"> <li class="submenu-item"> <a href="/meet-the-team" class="submenu-item-link separator" aria-label="Our Digital Education Team" data-drupal-link-system-path="node/580">Our Digital Education Team</a> </li> <li class="submenu-item"> <a href="/digital-credentials" class="submenu-item-link separator" aria-label="Digital Credentials" data-drupal-link-system-path="node/588">Digital Credentials</a> </li> <li class="submenu-item"> <a href="/about-yale-online/global-learner-access-support-system" title="Information on our GLASS System for non-degree enrollment." class="submenu-item-link" aria-label="Global Learner Access Support System" data-drupal-link-system-path="node/590">Global Learner Access Support System</a> </li> </ul> </li> <li class="menu-item"> <a href="/news-0" class="menu-item-link" aria-label="News" data-drupal-link-system-path="node/565">NEWS</a> </li> <li class="menu-item has-submenu"> <a href="/contact-us" class="menu-item-link" aria-label="Contact Us" data-drupal-link-system-path="node/368">CONTACT US</a> <ul class="submenu" id="contact-us-submenu"> <li class="submenu-item"> <a href="https://online.yale.edu/contact-us" class="submenu-item-link separator" aria-label="Contact Us">Contact Us</a> </li> <li class="submenu-item"> <a href="https://online.yale.edu/node/434" title="Share Your Testimonial Stories" class="submenu-item-link" aria-label="Share Your Testimonial">Share Your Testimonial</a> </li> </ul> </li> <li class="menu-item d-none d-lg-inline-block"> <div role="search"> <button data-toggle="collapse" data-target="#searchForm" id="btn-search-form-collapse-desktop" class="btn fa fa-search d-inline-block" aria-label="Show Search Box" aria-expanded="false" aria-controls="searchForm"> </button> </div> </li> </ul> </nav> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/blocks/block--system-menu-block--main.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--searchblockyale-online.html.twig ▪️ block--yale-online-search-block.html.twig ▪️ block--yale-online.html.twig ✅ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <div id="block-searchblockyale-online" class="block block-yale-online block-yale-online-search-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div id="searchForm" class="collapse search"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> <form class="yale-online-search-block-form" data-drupal-selector="yale-online-search-block-form" action="/news/behind-scenes-crafting-online-courses" method="post" id="yale-online-search-block-form" accept-charset="UTF-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <div class="js-form-item form-item js-form-type-search form-type-search js-form-item-keys form-item-keys form-no-label"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element_label' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <label for="edit-keys" class="visually-hidden">Search</label> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__search' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--search.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input placeholder="Search" data-drupal-selector="edit-keys" type="search" id="edit-keys" name="keys" value="" size="20" maxlength="128" class="form-search" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form-element.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input autocomplete="off" data-drupal-selector="form-pfeiyjjxmkxhhj8-ga9wvzjrttxryo62z87smfe9grm" type="hidden" name="form_build_id" value="form-pFeiyJjXMkxhHj8-GA9wVzjrTtXRYo62z87SmFe9GRM" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__hidden' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--hidden.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-yale-online-search-block-form" type="hidden" name="form_id" value="yale_online_search_block_form" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> <div class="fa fa-search btn form-actions js-form-wrapper form-wrapper" data-drupal-selector="edit-actions" id="edit-actions"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: ▪️ input--submit.html.twig ✅ input.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> <input data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Search" class="button js-form-submit form-submit" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> </form> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/form.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/form/container.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/layouts/region--header.html.twig' --> </header> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--content-top.html.twig ✅ region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> <div class="region region-content-top"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--yale-online-theme-messages.html.twig ✅ block--system-messages-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/block/block--system-messages-block.html.twig' --> <div data-drupal-messages-fallback class="hidden"></div> <!-- END OUTPUT from 'themes/contrib/stable/templates/block/block--system-messages-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--yale-online-theme-breadcrumbs.html.twig ▪️ block--system-breadcrumb-block.html.twig ▪️ block--system.html.twig ✅ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <div id="block-yale-online-theme-breadcrumbs" class="block block-system block-system-breadcrumb-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'breadcrumb' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/navigation/breadcrumb.html.twig' --> <nav class="nav-breadcrumb" aria-label="breadcrumb"> <h2 id="system-breadcrumb" class="visually-hidden">Breadcrumb</h2> <ol class="breadcrumb"> <li class="breadcrumb-item"> <a href="/">Home</a> </li> </ol> </nav> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/navigation/breadcrumb.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> <div class="container-fluid"> <main role="main" class="row"> <a id="main-content" tabindex="-1"></a> <div class="main-hero-img-container"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <picture> <source srcset="/sites/default/files/styles/hero_page_lg/public/2024-07/Yale%20Broadcast%20Tour%20Video%20%281024%20x%20300%20px%29%20%281%29.png?h=7bc3e9e1&itok=UXmSKwC_ 1x" media="(min-width: 980px)" type="image/png" width="1600" height="469"/> <source srcset="/sites/default/files/styles/hero_page_md/public/2024-07/Yale%20Broadcast%20Tour%20Video%20%281024%20x%20300%20px%29%20%281%29.png?h=7bc3e9e1&itok=4cR33Aw9 1x" media="(min-width: 740px)" type="image/png" width="980" height="287"/> <source srcset="/sites/default/files/styles/hero_page_sm/public/2024-07/Yale%20Broadcast%20Tour%20Video%20%281024%20x%20300%20px%29%20%281%29.png?h=7bc3e9e1&itok=XyZ00Pex 1x" type="image/png" width="740" height="306"/> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/image.html.twig' --> <img width="1600" height="469" src="/sites/default/files/styles/hero_page_lg/public/2024-07/Yale%20Broadcast%20Tour%20Video%20%281024%20x%20300%20px%29%20%281%29.png?h=7bc3e9e1&itok=UXmSKwC_" alt="Behind the scenes of filming at broadcast, people in sessions with cameras " loading="lazy" /> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/image.html.twig' --> </picture> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> </div> <div class="layout-content col"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--content.html.twig ✅ region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> <div class="region region-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--yale-online-theme-content.html.twig ▪️ block--system-main-block.html.twig ▪️ block--system.html.twig ✅ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> <div id="block-yale-online-theme-content" class="block block-system block-system-main-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ▪️ node--575--full.html.twig ▪️ node--575.html.twig ✅ node--news--full.html.twig ▪️ node--news.html.twig ▪️ node--full.html.twig ▪️ node.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/nodes/node--news--full.html.twig' --> <article class="node node--type-news node--view-mode-full"> <div class="row d-block"> <h1 class="title"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--node--title--news.html.twig ✅ field--node--title.html.twig ▪️ field--node--news.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field--node--title.html.twig' --> <span class="field field--name-title field--type-string field--label-hidden">Behind the Scenes: Crafting Online Courses</span> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field--node--title.html.twig' --> </h1> </div> <div class="node__content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--node--field-news-date--news.html.twig ✅ field--node--field-news-date.html.twig ▪️ field--node--news.html.twig ▪️ field--field-news-date.html.twig ▪️ field--datetime.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/fields/field--node--field-news-date.html.twig' --> <div class="field field--name-field-news-date field--type-datetime field--label-hidden"> Posted: July 19, 2024 </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/fields/field--node--field-news-date.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--node--field-news-body--news.html.twig ▪️ field--node--field-news-body.html.twig ▪️ field--node--news.html.twig ▪️ field--field-news-body.html.twig ✅ field--text-long.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-news-body field--type-text-long field--label-hidden field__item"><p>Have you ever wondered how online courses are created? Well, it all begins at Yale Broadcast Studio. Digital Education team member Jasmine Taylor will take you on a behind-the-scenes tour to show you exactly how it all comes together. Get ready for an exclusive look at what goes into making it happen! <a href="https://youtu.be/2aC66VyqucQ?feature=shared">Click here to watch now.</a> </p> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/field/field--text-long.html.twig' --> </div> </article> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/nodes/node--news--full.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/block/block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/classy/templates/layout/region.html.twig' --> </div> </main> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/yale_online_theme/templates/layouts/page.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/stable/templates/content/off-canvas-page-wrapper.html.twig' --> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/575","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true},"user":{"uid":0,"permissionsHash":"3dc1e0d0a86dc51ddd953a4f3c3cc10ef279523bf35a12eba43d7fd0d616f06a"}}</script> <script src="/sites/default/files/js/js_cKxOeNm-g7nj5tfzFiVSV9ZJvsJvUEZQU3Kh_olrAw4.js?scope=footer&delta=0&language=en&theme=yale_online_theme&include=eJyrTMxJjc_Py8nMS40vyUjNTdXPTczMAwBneQjW"></script> </body> </html> <!-- END OUTPUT from 'themes/contrib/classy/templates/layout/html.html.twig' -->