CINXE.COM
Portfolio | Yale Broadcast Studio
<!-- THEME DEBUG --> <!-- THEME HOOK: 'html' --> <!-- FILE NAME SUGGESTIONS: * html--node--22.html.twig * html--node--%.html.twig * html--node.html.twig x html.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_broadcast/templates/layouts/html.html.twig' --> <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8" /> <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/custom/yale_broadcast/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="canonical" href="https://broadcast.yale.edu/portfolio" /> <link rel="shortlink" href="https://broadcast.yale.edu/node/22" /> <title>Portfolio | Yale Broadcast Studio</title> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/ajax-progress.module.css?s7txgt" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/align.module.css?s7txgt" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/autocomplete-loading.module.css?s7txgt" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/fieldgroup.module.css?s7txgt" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/container-inline.module.css?s7txgt" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/clearfix.module.css?s7txgt" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/details.module.css?s7txgt" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/hidden.module.css?s7txgt" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/item-list.module.css?s7txgt" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/js.module.css?s7txgt" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/nowrap.module.css?s7txgt" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/position-container.module.css?s7txgt" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/progress.module.css?s7txgt" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/reset-appearance.module.css?s7txgt" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/resize.module.css?s7txgt" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/sticky-header.module.css?s7txgt" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/system-status-counter.css?s7txgt" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/system-status-report-counters.css?s7txgt" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/system-status-report-general-info.css?s7txgt" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/tabledrag.module.css?s7txgt" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/tablesort.module.css?s7txgt" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/tree-child.module.css?s7txgt" /> <link rel="stylesheet" media="all" href="/modules/contrib/paragraphs/css/paragraphs.unpublished.css?s7txgt" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/core/assets/vendor/normalize-css/normalize.css?s7txgt" /> <link rel="stylesheet" media="all" href="/themes/custom/staterkit/css/components/action-links.css?s7txgt" /> <link rel="stylesheet" media="all" href="/themes/custom/staterkit/css/components/breadcrumb.css?s7txgt" /> <link rel="stylesheet" media="all" href="/themes/custom/staterkit/css/components/button.css?s7txgt" /> <link rel="stylesheet" media="all" href="/themes/custom/staterkit/css/components/container-inline.css?s7txgt" /> <link rel="stylesheet" media="all" href="/themes/custom/staterkit/css/components/details.css?s7txgt" /> <link rel="stylesheet" media="all" href="/themes/custom/staterkit/css/components/exposed-filters.css?s7txgt" /> <link rel="stylesheet" media="all" href="/themes/custom/staterkit/css/components/field.css?s7txgt" /> <link rel="stylesheet" media="all" href="/themes/custom/staterkit/css/components/form.css?s7txgt" /> <link rel="stylesheet" media="all" href="/themes/custom/staterkit/css/components/icons.css?s7txgt" /> <link rel="stylesheet" media="all" href="/themes/custom/staterkit/css/components/inline-form.css?s7txgt" /> <link rel="stylesheet" media="all" href="/themes/custom/staterkit/css/components/item-list.css?s7txgt" /> <link rel="stylesheet" media="all" href="/themes/custom/staterkit/css/components/link.css?s7txgt" /> <link rel="stylesheet" media="all" href="/themes/custom/staterkit/css/components/links.css?s7txgt" /> <link rel="stylesheet" media="all" href="/themes/custom/staterkit/css/components/menu.css?s7txgt" /> <link rel="stylesheet" media="all" href="/themes/custom/staterkit/css/components/more-link.css?s7txgt" /> <link rel="stylesheet" media="all" href="/themes/custom/staterkit/css/components/pager.css?s7txgt" /> <link rel="stylesheet" media="all" href="/themes/custom/staterkit/css/components/tabledrag.css?s7txgt" /> <link rel="stylesheet" media="all" href="/themes/custom/staterkit/css/components/tableselect.css?s7txgt" /> <link rel="stylesheet" media="all" href="/themes/custom/staterkit/css/components/tablesort.css?s7txgt" /> <link rel="stylesheet" media="all" href="/themes/custom/staterkit/css/components/tabs.css?s7txgt" /> <link rel="stylesheet" media="all" href="/themes/custom/staterkit/css/components/textarea.css?s7txgt" /> <link rel="stylesheet" media="all" href="/themes/custom/staterkit/css/components/ui-dialog.css?s7txgt" /> <link rel="stylesheet" media="all" href="/themes/custom/staterkit/css/components/messages.css?s7txgt" /> <link rel="stylesheet" media="all" href="/themes/custom/staterkit/css/components/node.css?s7txgt" /> <link rel="stylesheet" media="all" href="/themes/custom/yale_broadcast/css/main.css?s7txgt" /> </head> <body class="path-node page-node-type-page"> <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 'core/themes/stable9/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--22.html.twig * page--node--%.html.twig * page--node.html.twig x page.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_broadcast/templates/layouts/page.html.twig' --> <div class="overlay"></div> <div class="layout-container "> <header role="banner" class="header"> <div class="header__top"> <div class="header__top-inner"> <div class="header__top-first"> <div class="topper-logo"> <a href="http://www.yale.edu">Yale University</a> </div> <div class="mobile-menu"> <button class="menu-btn" aria-expanded="false"> <span class="menu-text">Menu</span> <div class="menu-icon"> <span class="line"></span> <span class="line"></span> <span class="line"></span> </div> </button> <div class="mobile-menu__inner"></div> </div> </div> <div class="header__top-second"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--top-second.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/layout/region.html.twig' --> <div class="region region-top-second"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--yale-broadcast-searchform.html.twig x block--search-form-block.html.twig * block--search.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/block/block--search-form-block.html.twig' --> <div class="search-block-form block block-search container-inline" data-drupal-selector="search-block-form" id="block-yale-broadcast-searchform" role="search"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form' --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/form/form.html.twig' --> <form action="/search/node" method="get" id="search-block-form" accept-charset="UTF-8"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'form_element' --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/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/custom/staterkit/templates/form/form-element-label.html.twig' --> <label for="edit-keys" class="visually-hidden">Search</label> <!-- END OUTPUT from 'themes/custom/staterkit/templates/form/form-element-label.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__search' --> <!-- FILE NAME SUGGESTIONS: * input--search.html.twig x input.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/form/input.html.twig' --> <input title="Enter the terms you wish to search for." placeholder="Search this site " data-drupal-selector="edit-keys" type="search" id="edit-keys" name="keys" value="" size="15" maxlength="128" class="form-search" /> <!-- END OUTPUT from 'themes/custom/staterkit/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/staterkit/templates/form/form-element.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/form/container.html.twig' --> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'input__submit' --> <!-- FILE NAME SUGGESTIONS: * input--submit.html.twig x input.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/form/input.html.twig' --> <input data-drupal-selector="edit-submit" type="submit" id="edit-submit" value="Search" class="button js-form-submit form-submit" /> <!-- END OUTPUT from 'themes/custom/staterkit/templates/form/input.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/staterkit/templates/form/container.html.twig' --> </form> <!-- END OUTPUT from 'themes/custom/staterkit/templates/form/form.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/staterkit/templates/block/block--search-form-block.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/staterkit/templates/layout/region.html.twig' --> </div> </div> </div> <div class="header__main"> <div class="header__logo"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--branding.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/layout/region.html.twig' --> <div class="region region-branding"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--yale-broadcast-sitebranding.html.twig x block--system-branding-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/block/block--system-branding-block.html.twig' --> <div id="block-yale-broadcast-sitebranding" class="block block-system block-system-branding-block"> <div class="site-name"> <a href="/" rel="home">Yale Broadcast Studio</a> </div> </div> <!-- END OUTPUT from 'themes/custom/staterkit/templates/block/block--system-branding-block.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/staterkit/templates/layout/region.html.twig' --> </div> <div class="header__main-menu"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--header.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/layout/region.html.twig' --> <div class="region region-header"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--yale-broadcast-main-menu.html.twig * block--system-menu-block--main.html.twig x block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/block/block--system-menu-block.html.twig' --> <nav role="navigation" aria-labelledby="block-yale-broadcast-main-menu-menu" id="block-yale-broadcast-main-menu" class="block block-menu navigation menu--main"> <h2 class="visually-hidden" id="block-yale-broadcast-main-menu-menu">Main navigation</h2> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__main' --> <!-- FILE NAME SUGGESTIONS: * menu--main.html.twig x menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/navigation/menu.html.twig' --> <ul class="menu"> <li class="menu-item"> <a href="/" data-drupal-link-system-path="<front>">Home</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/about" data-drupal-link-system-path="node/3">About</a> </li> <li class="menu-item"> <a href="/services" data-drupal-link-system-path="node/27">Services</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/process" data-drupal-link-system-path="node/4">Process</a> </li> <li class="menu-item menu-item--active-trail"> <a href="/portfolio" data-drupal-link-system-path="node/22" class="is-active">Portfolio</a> </li> <li class="menu-item"> <a href="/contact-us" data-drupal-link-system-path="node/2">Contact Us</a> </li> </ul> <!-- END OUTPUT from 'themes/custom/staterkit/templates/navigation/menu.html.twig' --> </nav> <!-- END OUTPUT from 'themes/custom/staterkit/templates/block/block--system-menu-block.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/staterkit/templates/layout/region.html.twig' --> </div> </div> </header> <main role="main"> <a id="main-content" tabindex="-1"></a> <div class="layout-main-content main-content"> <div class="breadcrumb-section"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--breadcrumb.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/layout/region.html.twig' --> <div class="region region-breadcrumb"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--yale-broadcast-breadcrumbs.html.twig * block--system-breadcrumb-block.html.twig * block--system.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/block/block.html.twig' --> <div id="block-yale-broadcast-breadcrumbs" class="block block-system block-system-breadcrumb-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'breadcrumb' --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/navigation/breadcrumb.html.twig' --> <nav class="breadcrumb" role="navigation" aria-labelledby="system-breadcrumb"> <h2 id="system-breadcrumb" class="visually-hidden">Breadcrumb</h2> <ol> <li> <a href="/">Home</a> </li> <li> Portfolio </li> </ol> </nav> <!-- END OUTPUT from 'themes/custom/staterkit/templates/navigation/breadcrumb.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/staterkit/templates/block/block.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/staterkit/templates/layout/region.html.twig' --> </div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--help.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/layout/region.html.twig' --> <div class="region region-help"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--yale-broadcast-messages.html.twig x block--system-messages-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/stable9/templates/block/block--system-messages-block.html.twig' --> <div data-drupal-messages-fallback class="hidden"></div> <!-- END OUTPUT from 'core/themes/stable9/templates/block/block--system-messages-block.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/staterkit/templates/layout/region.html.twig' --> <div class="layout-content"> <div class="content-top"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--content-top.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/layout/region.html.twig' --> <div class="region region-content-top"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--yale-broadcast-page-title.html.twig * block--page-title-block.html.twig * block--core.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/block/block.html.twig' --> <div id="block-yale-broadcast-page-title" class="block block-core block-page-title-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'page_title' --> <!-- BEGIN OUTPUT from 'themes/custom/yale_broadcast/templates/content/page-title.html.twig' --> <h1 class="page-title"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--title--page.html.twig x field--node--title.html.twig * field--node--page.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/field/field--node--title.html.twig' --> <span class="field field--name-title field--type-string field--label-hidden">Portfolio</span> <!-- END OUTPUT from 'themes/custom/staterkit/templates/field/field--node--title.html.twig' --> </h1> <!-- END OUTPUT from 'themes/custom/yale_broadcast/templates/content/page-title.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/staterkit/templates/block/block.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/staterkit/templates/layout/region.html.twig' --> </div> <div class="content-wrapper"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--content.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/layout/region.html.twig' --> <div class="region region-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--yale-broadcast-content.html.twig * block--system-main-block.html.twig * block--system.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/block/block.html.twig' --> <div id="block-yale-broadcast-content" class="block block-system block-system-main-block"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--22--full.html.twig * node--22.html.twig * node--page--full.html.twig * node--page.html.twig * node--full.html.twig x node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/content/node.html.twig' --> <article data-history-node-id="22" class="node node--type-page node--view-mode-full"> <div class="node__content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--page.html.twig * field--node--body.html.twig * field--node--page.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>For more than a decade, the Yale Broadcast Studio has worked with departments and individuals at the University to produce outstanding video and audio projects. From traveling to Africa to broadcasting Commencement to recording a traditional lecture, the Studio is equipped to produce a range of projects. We invite you to watch or listen to some of our work. <a href="https://www.youtube.com/channel/UCEMvf5BnoKEM6K5KjXDavgw">To view more videos, please explore our YouTube Channel</a>.</p></div> <!-- END OUTPUT from 'themes/custom/staterkit/templates/field/field--text-with-summary.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'links__node' --> <!-- FILE NAME SUGGESTIONS: x links--node.html.twig x links--node.html.twig * links.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/content/links--node.html.twig' --> <!-- END OUTPUT from 'themes/custom/staterkit/templates/content/links--node.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-body-para--page.html.twig * field--node--field-body-para.html.twig * field--node--page.html.twig * field--field-body-para.html.twig * field--entity-reference-revisions.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/field/field.html.twig' --> <div class="field field--name-field-body-para field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--wysiwyg--default.html.twig * paragraph--wysiwyg.html.twig * paragraph--default.html.twig x paragraph.html.twig --> <!-- BEGIN OUTPUT from 'modules/contrib/paragraphs/templates/paragraph.html.twig' --> <div class="paragraph paragraph--type--wysiwyg paragraph--view-mode--default"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-wysiwyg-body--wysiwyg.html.twig * field--paragraph--field-wysiwyg-body.html.twig * field--paragraph--wysiwyg.html.twig * field--field-wysiwyg-body.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-wysiwyg-body field--type-text-long field--label-hidden field__item"><style media="screen" type="text/css"> .container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style><div class="container"><iframe class="video" src="https://www.youtube.com/embed/0Eq4niaBCdw" frameborder="0" allowfullscreen></iframe></div></div> <!-- END OUTPUT from 'themes/custom/staterkit/templates/field/field--text-long.html.twig' --> </div> <!-- END OUTPUT from 'modules/contrib/paragraphs/templates/paragraph.html.twig' --> </div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--accordion--default.html.twig x paragraph--accordion.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_broadcast/templates/paragraphs/paragraph--accordion.html.twig' --> <div class="paragraph paragraph--type--accordion paragraph--view-mode--default accordion"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-accordion-items--accordion.html.twig * field--paragraph--field-accordion-items.html.twig * field--paragraph--accordion.html.twig * field--field-accordion-items.html.twig * field--entity-reference-revisions.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/field/field.html.twig' --> <div class="field field--name-field-accordion-items field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--accordion-item--default.html.twig x paragraph--accordion-item.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_broadcast/templates/paragraphs/paragraph--accordion-item.html.twig' --> <div class="paragraph paragraph--type--accordion-item paragraph--view-mode--default accordion__item"> <div class="accordion__toggle-wrapper"> <button class="accordion__toggle" aria-expanded="false"> Center for Business and the Environment (Marketing Spot) </button> </div> <div class="accordion__content wysiwyg__body"> <p>Concise and well crafted videos that convey the mission of a department, center, or School attract attention from prospective students, faculty, staff, and donors. The Broadcast Studio worked with the Center for Business and the Environment at the School of Forestry to develop a four minute video highlighting the mission and vision of the Center.</p> </div> </div> <!-- END OUTPUT from 'themes/custom/yale_broadcast/templates/paragraphs/paragraph--accordion-item.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/custom/staterkit/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/yale_broadcast/templates/paragraphs/paragraph--accordion.html.twig' --> </div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--wysiwyg--default.html.twig * paragraph--wysiwyg.html.twig * paragraph--default.html.twig x paragraph.html.twig --> <!-- BEGIN OUTPUT from 'modules/contrib/paragraphs/templates/paragraph.html.twig' --> <div class="paragraph paragraph--type--wysiwyg paragraph--view-mode--default"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-wysiwyg-body--wysiwyg.html.twig * field--paragraph--field-wysiwyg-body.html.twig * field--paragraph--wysiwyg.html.twig * field--field-wysiwyg-body.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-wysiwyg-body field--type-text-long field--label-hidden field__item"><style media="screen" type="text/css"> .container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style><div class="container"><iframe class="video" src="https://www.youtube.com/embed/VQ32IS7wa4M" frameborder="0" allowfullscreen></iframe></div></div> <!-- END OUTPUT from 'themes/custom/staterkit/templates/field/field--text-long.html.twig' --> </div> <!-- END OUTPUT from 'modules/contrib/paragraphs/templates/paragraph.html.twig' --> </div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--accordion--default.html.twig x paragraph--accordion.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_broadcast/templates/paragraphs/paragraph--accordion.html.twig' --> <div class="paragraph paragraph--type--accordion paragraph--view-mode--default accordion"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-accordion-items--accordion.html.twig * field--paragraph--field-accordion-items.html.twig * field--paragraph--accordion.html.twig * field--field-accordion-items.html.twig * field--entity-reference-revisions.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/field/field.html.twig' --> <div class="field field--name-field-accordion-items field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--accordion-item--default.html.twig x paragraph--accordion-item.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_broadcast/templates/paragraphs/paragraph--accordion-item.html.twig' --> <div class="paragraph paragraph--type--accordion-item paragraph--view-mode--default accordion__item"> <div class="accordion__toggle-wrapper"> <button class="accordion__toggle" aria-expanded="false"> Joseph Slifka Center for Jewish Life (Lecture Recording) </button> </div> <div class="accordion__content wysiwyg__body"> <p>The Joseph Slifka Center for Jewish Life at Yale worked with the Yale Broadcast team to record Mikhail Fridman's presentation and conversation about Jewish identity and his thoughts on connections between Israel and the diaspora of Jews worldwide. The Broadcast Studio has worked in many of the lecture halls and event spaces on campus. Our expertise enables us to capture an important lecture and disseminate a high-quality recording to you and your global, or local, audience.</p> </div> </div> <!-- END OUTPUT from 'themes/custom/yale_broadcast/templates/paragraphs/paragraph--accordion-item.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/custom/staterkit/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/yale_broadcast/templates/paragraphs/paragraph--accordion.html.twig' --> </div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--wysiwyg--default.html.twig * paragraph--wysiwyg.html.twig * paragraph--default.html.twig x paragraph.html.twig --> <!-- BEGIN OUTPUT from 'modules/contrib/paragraphs/templates/paragraph.html.twig' --> <div class="paragraph paragraph--type--wysiwyg paragraph--view-mode--default"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-wysiwyg-body--wysiwyg.html.twig * field--paragraph--field-wysiwyg-body.html.twig * field--paragraph--wysiwyg.html.twig * field--field-wysiwyg-body.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-wysiwyg-body field--type-text-long field--label-hidden field__item"><style media="screen" type="text/css"> .container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style><div class="container"><iframe class="video" src="https://www.youtube.com/embed/ESQjpZI6TMQ" frameborder="0" allowfullscreen></iframe></div></div> <!-- END OUTPUT from 'themes/custom/staterkit/templates/field/field--text-long.html.twig' --> </div> <!-- END OUTPUT from 'modules/contrib/paragraphs/templates/paragraph.html.twig' --> </div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--accordion--default.html.twig x paragraph--accordion.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_broadcast/templates/paragraphs/paragraph--accordion.html.twig' --> <div class="paragraph paragraph--type--accordion paragraph--view-mode--default accordion"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--paragraph--field-accordion-items--accordion.html.twig * field--paragraph--field-accordion-items.html.twig * field--paragraph--accordion.html.twig * field--field-accordion-items.html.twig * field--entity-reference-revisions.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/field/field.html.twig' --> <div class="field field--name-field-accordion-items field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: * paragraph--accordion-item--default.html.twig x paragraph--accordion-item.html.twig * paragraph--default.html.twig * paragraph.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/yale_broadcast/templates/paragraphs/paragraph--accordion-item.html.twig' --> <div class="paragraph paragraph--type--accordion-item paragraph--view-mode--default accordion__item"> <div class="accordion__toggle-wrapper"> <button class="accordion__toggle" aria-expanded="false"> Office of the Secretary: Class Day (Special Campus Events) </button> </div> <div class="accordion__content wysiwyg__body"> <p>The Office of the President and the Office of the Secretary have charged the Broadcast Studio with the duty to live-stream and broadcast Yale's annual Commencement and Class Day exercises. These special events require thorough planning and coordination to ensure that the Studio is ready for anything, including the unexpected! The Studio coordinates with everyone involved, from the Office of Facilities to the U.S. Secret Service. Vice President Joe Biden delivered the 2015 Class Day Address to graduates and a global audience on YouTube.</p> </div> </div> <!-- END OUTPUT from 'themes/custom/yale_broadcast/templates/paragraphs/paragraph--accordion-item.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/custom/staterkit/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/yale_broadcast/templates/paragraphs/paragraph--accordion.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/custom/staterkit/templates/field/field.html.twig' --> </div> </article> <!-- END OUTPUT from 'themes/custom/staterkit/templates/content/node.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/staterkit/templates/block/block.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/staterkit/templates/layout/region.html.twig' --> </div> </div> <div class="sidebar-right"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--content-right.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/layout/region.html.twig' --> <div class="region region-content-right"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--yale-broadcast-portfoliowalloffame.html.twig * block--block-content--16cc1e72-31a5-4a6c-bfca-8c6a0a1569f9.html.twig * block--block-content.html.twig * block--block-content.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/block/block.html.twig' --> <div id="block-yale-broadcast-portfoliowalloffame" class="callout-orange block block-block-content block-block-content16cc1e72-31a5-4a6c-bfca-8c6a0a1569f9"> <h2>Wall of Fame</h2> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--body--basic.html.twig * field--block-content--body.html.twig * field--block-content--basic.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>With years of experience, we have worked with hundreds of political leaders, artists, journalists, and respected faculty members, many of whom have signed our green room walls.</p></div> <!-- END OUTPUT from 'themes/custom/staterkit/templates/field/field--text-with-summary.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/staterkit/templates/block/block.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/staterkit/templates/layout/region.html.twig' --> </div> </div> </main> <footer class="footer" role="contentinfo"> <div class="footer__inner"> <div class="footer__logo-txt"> <div class="topper-logo"> <a href="http://www.yale.edu"> Yale </a> </div> </div> <div class="footer__statements"> <div class="footer__menu-links"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--yale-broadcast-footer.html.twig * block--system-menu-block--footer.html.twig x block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/block/block--system-menu-block.html.twig' --> <nav role="navigation" aria-labelledby="block-yale-broadcast-footer-menu" id="block-yale-broadcast-footer" class="block block-menu navigation menu--footer"> <h2 class="visually-hidden" id="block-yale-broadcast-footer-menu">Footer</h2> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__footer' --> <!-- FILE NAME SUGGESTIONS: * menu--footer.html.twig x menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/staterkit/templates/navigation/menu.html.twig' --> <ul class="menu"> <li class="menu-item"> <a href="https://usability.yale.edu/web-accessibility/accessibility-yale">Accessibility at Yale</a> </li> <li class="menu-item"> <a href="https://privacy.yale.edu/resources/privacy-statement">Privacy policy</a> </li> </ul> <!-- END OUTPUT from 'themes/custom/staterkit/templates/navigation/menu.html.twig' --> </nav> <!-- END OUTPUT from 'themes/custom/staterkit/templates/block/block--system-menu-block.html.twig' --> </div> <div class="footer__copyright"> <span> Copyright © 2024 </span> Yale University 路 All rights reserved </div> <div class="footer__cp_wrapper_acc_statement"> <p>135 College Street, LL26, New Haven, CT 06510 <a href="https://www.google.com/maps/place/135+College+St,+New+Haven,+CT+06510/@41.3045504,-72.9325073,17z/data=!3m1!4b1!4m5!3m4!1s0x89e7d84cf7f6bead:0x448bce7aa4c55e5b!8m2!3d41.3045504!4d-72.9303133">( Google Maps Link )</a> </p><p><br>Poorvu <a href="https://ctl.yale.edu/">Center for Teaching and Learning</a></p> </div> </div> <div class="footer__social"> <ul class="footer__social-inner"> </ul> </div> </div> </footer> </div> <!-- END OUTPUT from 'themes/custom/yale_broadcast/templates/layouts/page.html.twig' --> </div> <!-- END OUTPUT from 'core/themes/stable9/templates/content/off-canvas-page-wrapper.html.twig' --> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/22","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxTrustedUrl":{"\/search\/node":true},"user":{"uid":0,"permissionsHash":"37b6e20daddf8593370fab98917eb840279510dbd89a31946728ffef307a46cb"}}</script> <script src="/core/assets/vendor/jquery/jquery.min.js?v=3.7.1"></script> <script src="/core/assets/vendor/once/once.min.js?v=1.0.1"></script> <script src="/core/misc/drupalSettingsLoader.js?v=10.2.2"></script> <script src="/core/misc/drupal.js?v=10.2.2"></script> <script src="/core/misc/drupal.init.js?v=10.2.2"></script> <script src="/themes/custom/yale_broadcast/js/_compiled/main.js?s7txgt"></script> <script src="/themes/custom/yale_broadcast/js/_compiled/vendor/accessible-slick.min.js?s7txgt"></script> <script src="/themes/custom/yale_broadcast/js/_compiled/paragraphs/accordion.js?s7txgt"></script> <script src="/themes/custom/yale_broadcast/js/_compiled/interface/header.js?s7txgt"></script> </body> </html> <!-- END OUTPUT from 'themes/custom/yale_broadcast/templates/layouts/html.html.twig' -->