CINXE.COM

Get Involved | Yale Alumni Association

<!-- THEME DEBUG --> <!-- THEME HOOK: 'html' --> <!-- FILE NAME SUGGESTIONS: ▪️ html--node--9453.html.twig ▪️ html--node--%.html.twig ▪️ html--node.html.twig ✅ html.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/layout/html.html.twig' --> <!DOCTYPE html> <html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#"> <head> <meta charset="utf-8" /> <script async src="https://www.googletagmanager.com/gtag/js?id=G-WR25QC7JD6"></script> <script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments)};gtag("js", new Date());gtag("set", "developer_id.dMDhkMT", true);gtag("config", "G-WR25QC7JD6", {"groups":"default","page_placeholder":"PLACEHOLDER_page_location"});</script> <meta name="keywords" content="Volunteer" /> <link rel="canonical" href="https://alumni.yale.edu/volunteer/get-involved" /> <meta property="og:url" content="https://alumni.yale.edu/volunteer/get-involved" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="Get Involved" /> <meta name="twitter:url" content="https://alumni.yale.edu/volunteer/get-involved" /> <meta http-equiv="x-ua-compatible" content="IE=edge" /> <link rel="apple-touch-icon" sizes="180x180" href="/sites/default/files/favicon/apple-touch-icon.png"/> <link rel="icon" type="image/png" sizes="32x32" href="/sites/default/files/favicon/favicon-32x32.png"/> <link rel="icon" type="image/png" sizes="16x16" href="/sites/default/files/favicon/favicon-16x16.png"/> <link rel="manifest" href="/sites/default/files/favicon/site.webmanifest"/> <link rel="mask-icon" href="/sites/default/files/favicon/safari-pinned-tab.svg" color="#5bbad5"/> <meta name="msapplication-TileColor" content="#2b5797"/> <meta name="theme-color" content="#ffffff"/> <meta name="favicon-generator" content="Drupal responsive_favicons + realfavicongenerator.net" /> <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" /> <script>window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};</script> <title>Get Involved | Yale Alumni Association</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_eAkAaTlGFwvRoO3OwNvxC0uE8q8Y3IrXLPiaY_WhrvA.css?delta=0&amp;language=en&amp;theme=aya&amp;include=eJxFyVEOwyAMA9ALUTiTERmtloUoCdK4faup275sP6O1GJBVcJf8sCGRfHnQq1Q4JSwURQSZbIy6eSw-pH-886jgH9E7rnyWZlPB-Z5JYegG3f37_CVP0Vn58J3aCWQtN3I" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_NDP6XWFMOZjU4Mb15rjc8AGFWs3df09zoAFU7Di-II4.css?delta=1&amp;language=en&amp;theme=aya&amp;include=eJxFyVEOwyAMA9ALUTiTERmtloUoCdK4faup275sP6O1GJBVcJf8sCGRfHnQq1Q4JSwURQSZbIy6eSw-pH-886jgH9E7rnyWZlPB-Z5JYegG3f37_CVP0Vn58J3aCWQtN3I" /> <link rel="stylesheet" media="print" href="/sites/default/files/css/css_zEQzLm1rK01OTMZjyzgjf7-TbdhHg7l9dEsILynZLEE.css?delta=2&amp;language=en&amp;theme=aya&amp;include=eJxFyVEOwyAMA9ALUTiTERmtloUoCdK4faup275sP6O1GJBVcJf8sCGRfHnQq1Q4JSwURQSZbIy6eSw-pH-886jgH9E7rnyWZlPB-Z5JYegG3f37_CVP0Vn58J3aCWQtN3I" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_rR2V1HHjlBKlqNAovVvBBhRWzlg8zZc_EDVtnujO4og.css?delta=3&amp;language=en&amp;theme=aya&amp;include=eJxFyVEOwyAMA9ALUTiTERmtloUoCdK4faup275sP6O1GJBVcJf8sCGRfHnQq1Q4JSwURQSZbIy6eSw-pH-886jgH9E7rnyWZlPB-Z5JYegG3f37_CVP0Vn58J3aCWQtN3I" /> <script src="/core/assets/vendor/modernizr/modernizr.min.js?v=3.11.7"></script> </head> <body class="path-node page-node-type-chaptered-page chaptered-page"> <a id="top" tabindex="-1"></a> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> <a href="#skip-footer" class="visually-hidden focusable skip-link"> Skip to footer </a> <a href="#skip-mainnav" class="visually-hidden focusable skip-link"> Skip to main navigation </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--9453.html.twig ▪️ page--node--%.html.twig ▪️ page--node.html.twig ✅ page.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/layout/page.html.twig' --> <div class="layout-container lc--layout-container lc--full"> <div class="slim-nav" aria-hidden="true" tab-index="-1"> <div class="slim-nav-inner"> <div class="cc--component-container cc--branding-header"> <div class="c--component c--branding-header"> <a href="/" class="ally-focus-within"><svg enable-background="new 0 0 200 30" version="1.1" viewBox="0 0 200 30" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"> <title></title> <path clip-rule="evenodd" d="M27.1,4c-2.3,0.1-3.4,0.9-4.6,2.9 l-6.9,11.4v8.1c0.9,2,2.8,2.2,4.7,2.2v1H7v-1c1.9-0.1,4.2-0.4,4.8-1.7v-8.3L4.6,6.8C3.4,4.8,2.3,4.1,0,4V3h11.5V4 C9.3,4.1,8.6,4.5,8,5l6.6,11.2l6.5-11.1c-0.7-0.5-1.3-1-3.5-1.2V3h9.5V4z M41,27.5c-1,1-3,2.3-4.4,2.3c-2.1,0-3-1.7-3-2.7 c-1.5,1.5-3.7,2.7-5.3,2.7c-2,0-4.2-1.4-4.2-3.8c0-1.1,0.2-2.5,0.8-3.5l8.6-3l0-2.9c0-1.9-1.5-4-3.5-4c-1.2,0-2.2,1.5-2.2,3.5 l-3.4,0.6v-0.5c1.2-3.5,5.6-5.2,7.4-5.2c3.8,0,5,2,5,5.2l-0.2,9c0,1.7,0.9,2.2,1.7,2.2c0.9,0,1.5-0.4,2.4-1V27.5z M33.6,20.5 c-1.1,0.5-4.2,1.7-5.5,2.4c-0.2,0.7-0.3,1.6-0.3,2.4c0,1.2,0.7,2.4,2,2.4c1.7,0,2.5-0.4,3.7-1.3L33.6,20.5z M51,29.5h-9.2v-1 c2-0.1,2.5-0.5,2.8-1.2V5c0-1.4,0.1-2-2.8-2.3V1.9L48.2,0h0.7v0.6L48,2v25.3c0.4,0.8,0.9,1,3,1.2V29.5z M68.5,26.1 c-2.5,2.3-4.5,3.7-7.9,3.7c-4.3,0-7.6-3.5-7.6-8.5c0-6.1,3.7-10.2,8.7-10.2c4.2,0,6.2,2.2,6.2,6.2v0.7l-11.4-0.1 c0,0.4-0.1,1.3-0.1,2.2c0,4.4,2.9,7.3,6.4,7.3c2.4,0,3.2-0.7,5-2.2L68.5,26.1z M64.5,16.7c0-2.2-1.7-4.3-3.5-4.3 c-2.2,0-3.8,1.7-4.3,4.4L64.5,16.7z M102.1,29.5H90.3v-1c2-0.1,3.6-0.5,4-1.4l-3-8.6h-8.2l-2.9,8.1c0.5,1,2.1,1.8,4,1.9v1H73.6v-1 c1.9-0.1,3.2-0.4,4-1.5c1.1-2.7,2.5-6.2,3.8-9.6c1.7-4.6,3.4-9.2,4.3-12c0.5-1.5,0.5-2,0.5-2.7h4.3c0.1,1.3,0.1,1.9,0.5,3.2 c1.4,4.4,2.5,7.9,3.7,11.4c1,3,2,5.8,3.3,9.4c0.5,1.2,2,1.7,4,1.8V29.5z M90.7,16.7l-2.7-8.6l-0.5-2.3h-0.2l-0.6,2.3l-3,8.6H90.7z M110.9,29.5h-9.2v-1c2-0.1,2.5-0.5,2.8-1.2V5c0-1.4,0.1-2-2.8-2.3V1.9L108,0h0.7v0.6L107.9,2v25.3c0.4,0.8,0.9,1,3,1.2V29.5z M133.4,28l-6.2,2h-0.5l-0.2-2.8c-1.9,1.3-5.1,2.7-6.6,2.7c-3.7,0-4.7-2.4-4.7-5.8v-8.6c0-1.5-0.7-2-2.7-2.5v-0.8l5.7-1h0.5l0,12.3 c0,2.2,1.4,4.2,3.9,4.2c1.7,0,2.9-0.7,4.1-1.3V15.5c0-1.7-0.6-2.2-3.5-2.5v-0.8l6.3-1h0.4v14.7c0,0.9,0.5,1.5,0.8,1.7l2.8-0.5V28z M167.3,29.5c-1.2,0-3.2-0.1-5.2-0.1c-1.6,0-3,0.1-4.1,0.1v-1c2-0.1,2.2-0.6,2.6-1.3l-0.1-9.7c0-2.1-1.3-4.1-3.7-4.1 c-1.2,0-3,0.6-4.3,1.5v12.4c0.5,0.8,0.6,1,2.7,1.2v1h-8.5v-1c2-0.1,2.2-0.5,2.5-1.2v-9.7c0-1.9-1.2-4.2-3.7-4.2 c-1.1,0-3.1,0.7-4.4,1.5v12.4c0.5,0.8,0.6,1,2.7,1.2v1h-8.5v-1c2-0.1,2.2-0.5,2.6-1.2V16.1c0-0.9-0.5-1.7-2.4-2.4V13l5.2-2.1h0.5v3 c1.9-1.4,5-2.9,6.5-2.9c2.6,0,4,1.2,4.7,3.2c1.8-1.4,5.2-3.1,6.7-3.1c3.7,0,4.8,2.2,4.8,5.7l0.1,10.8c0.8,0.6,1.8,0.7,3.4,0.8V29.5z M189.8,29.5h-9.4v-1c2-0.2,2.2-0.5,2.5-1.2v-9.7c0-2.2-1.6-4.2-3.9-4.2c-1.1,0-3,0.7-4.2,1.4v12.5c0.5,0.8,0.7,1,2.7,1.2v1h-8.7v-1 c2-0.1,2.3-0.5,2.7-1.2V16c0-0.8-0.7-1.8-2.6-2.3v-0.8l5.4-2h0.5v3c1.9-1.4,5-2.9,6.5-2.9c3.8,0,4.9,2.3,4.9,5.7v10.8 c0.8,0.6,1.7,0.7,3.5,0.8V29.5z M200,29.5h-8.8v-1c2-0.2,2.4-0.5,2.8-1.2l0-11.3c0-1-0.5-1.7-2.7-2.2v-0.7l5.4-2h0.5v16.3 c0.5,0.8,0.7,1,2.8,1.2V29.5z M195.5,5.7c-1.3,0-2.2-1.1-2.2-2.1c0-1,0.9-2.2,2.2-2.2c1.3,0,2.2,1.1,2.2,2.2 C197.7,4.7,196.8,5.7,195.5,5.7z" fill="#1C3868" fill-rule="evenodd"></path> </svg></a> </div> </div> <button class="icon-search"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 19.9 20" enable-background="new 0 0 19.9 20" xml:space="preserve"> <title>Search</title> <path d="M19.8,17.9l-3-2.9l-0.4-0.4l-0.4-0.5l-0.3,0.3l-2.1-2.1c2.3-3,2.1-7.3-0.6-10 c-3-3-7.8-3-10.7,0c-3,3-3,7.8,0,10.7c2.7,2.7,7,2.9,10,0.6l2.1,2.1L13.9,16l0.6,0.6l3.2,3.2c0.3,0.3,0.7,0.3,1,0l1-1 C20,18.6,20,18.1,19.8,17.9z M11.7,11.8c-2.3,2.3-6.2,2.3-8.5,0s-2.3-6.2,0-8.5s6.2-2.3,8.5,0C14.2,5.7,14.2,9.5,11.7,11.8z"/> </svg> </button> <button class="hamburger hamburger--squeeze" type="button" aria-label="Open Menu"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> </div> </div> <header id="l--main-header"> <a id="skip-mainnav" tabindex="-1"></a> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ✅ region--header.html.twig ▪️ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/layout/region--header.html.twig' --> <div class="region region-header r--region r--header"> <section class="cc-component-container cc--header"> <div class="c--component c--header"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--brandingheader.html.twig ▪️ block--block-content--0f61f966-7d80-4bf1-90f2-e4c753610a79.html.twig ▪️ block--block-content--id-view--brandingheader--full.html.twig ▪️ block--block-content--id--brandingheader.html.twig ▪️ block--block-content--view-type--markup--full.html.twig ▪️ block--block-content--type--markup.html.twig ▪️ block--block-content--view--full.html.twig ▪️ block--block-content.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--brandingheader.html.twig' --> <div class="main-nav-container"> <div id="block-brandingheader" class="block block-block-content block-block-content0f61f966-7d80-4bf1-90f2-e4c753610a79 cc--component-container cc--branding-header"> <div class="c--component c--branding-header"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ✅ field--block-content--body--markup.html.twig ▪️ field--block-content--body.html.twig ▪️ field--block-content--markup.html.twig ▪️ field--body.html.twig ▪️ field--text-with-summary.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--block-content--body--markup.html.twig' --> <p><a href="/"><svg enable-background="new 0 0 200 29.4" version="1.1" viewbox="0 0 200 29.4" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"> <title>Yale Alumni Logo</title> <path d="M49.8,27.9c-1.7-0.1-2.5-0.4-2.9-1.3V2.2l1.2-1.5L47.9,0l-7.6,1.9v0.8 C43.1,3,43.3,3.6,43.3,5v21.6c-0.3,0.7-0.9,1.1-2.8,1.3v1h9.3V27.9z M112.5,27.9c-1.7-0.1-2.5-0.4-2.9-1.3V2.2l1.2-1.5L110.6,0 l-7.6,1.9v0.8C105.8,3,106,3.6,106,5v21.6c-0.4,0.8-0.8,1.1-2.4,1.3v1h8.9V27.9z M197.6,3.7c0-1.1-1-2.3-2.3-2.3 c-1.4,0-2.4,1.2-2.4,2.3c0,1,1,2.2,2.4,2.2C196.6,5.9,197.6,4.8,197.6,3.7L197.6,3.7z M102.7,27.9c-1.4-0.1-2.7-0.5-3.1-1.9 c-1.3-3.5-2.3-6.4-3.3-9.3c-1.2-3.5-2.3-7-3.7-11.4C92.2,3.8,92.1,3.3,92,2h-4.3c-0.1,0.8,0,1.3-0.5,2.8c-1,2.9-2.6,7.4-4.3,12.1 c-1.3,3.3-2.6,6.8-3.8,9.5c-0.9,1.1-2,1.4-3.8,1.5v1.1h10.6v-1.1c-1.9-0.1-3.6-0.8-4.1-1.9l2.9-8.1h8.2l3,8.6c-0.4,0.9-2,1.3-4,1.3 v1.1h11.1V27.9z M27.3,2.3h-10v1.1c2.2,0.1,3.1,0.6,3.8,1.1l-6.4,11.2L8.2,4.4c0.6-0.5,1.3-0.9,3.5-1l0-1.1H0l0,1.1 c2.3,0.2,3.5,0.8,4.7,2.8l7,11.9v8.1c-0.6,1.3-3,1.5-4.9,1.6v1.1h13.5v-1.1c-1.9-0.1-3.9-0.3-4.7-2.2v-7.8l6.9-11.6 c1.1-1.9,2.6-2.7,4.8-2.8V2.3z M85.1,16l3-8.6l0.6-2.3h0.1l0.6,2.3l2.7,8.6H85.1z M200,27.8c-2.1-0.2-2.3-0.4-2.8-1.3V10.8h-0.5 l-5.7,2v0.8c2.1,0.5,2.7,1.3,2.7,2.3v10.8c-0.4,0.7-0.8,1.1-2.8,1.3v1h9.1V27.8z M189.9,27.7c-1.9-0.2-2.7-0.2-3.5-0.8V16.6 c0-3.4-1.1-5.7-4.8-5.7c-1.5,0-4.5,1.5-6.4,2.9v-3h-0.6l-5.5,2v0.8c2,0.5,2.6,1.5,2.6,2.3v10.7c-0.4,0.7-0.7,1.1-2.7,1.3v1h9v-1 c-2.1-0.2-2.3-0.4-2.8-1.3V14.7c1.1-0.7,2.8-1.3,3.9-1.3c2.1,0,3.6,1.9,3.6,4.2v9c-0.3,0.7-0.5,1.1-2.5,1.3v1h9.7V27.7z M40.2,25.6 c-0.8,0.8-1.5,1.2-2.1,1.2c-0.8,0-1.8-0.4-1.7-2.1l0.1-8.8c0-3.1-1.3-5.1-5.1-5.1c-2,0-6.1,1.5-7.4,5.2v0.4l3.8-0.6 c0.1-2.1,1.2-3.5,2.3-3.5c1.9,0,2.8,1.8,2.8,3.7v3.1l-8.3,3c-0.6,1-0.9,2.2-0.9,3.3c0,2.4,1.9,3.8,4.2,3.8c1.8,0,3.6-1.1,5-2.6 c0.1,1.1,1.2,2.6,3.4,2.6c1.5,0,3.1-1.3,4-2.4V25.6z M134.5,26.4l-2.8,0.5c-0.4-0.2-0.8-0.8-0.8-1.6V10.8h-0.6l-6.3,1.1v0.9 c2.8,0.3,3.4,0.8,3.4,2.4v10.3c-1.2,0.6-2.4,1.3-3.9,1.3c-2.4,0-3.6-1.9-3.6-4l0-12.1h-0.6l-5.7,1.1v0.9c2,0.5,2.7,1,2.7,2.4v8.4 c0,3.3,1,5.6,4.7,5.6c1.6,0,4.5-1.5,6.3-2.8l0.2,2.8h0.6l6.3-2V26.4z M142.2,10.8h-0.6l-5.9,2v0.8c1.8,0.5,3,1.5,3,2.3v10.7 c-0.4,0.7-1.3,1.1-3.3,1.3v1h9.5v-1c-2-0.2-2.3-0.4-2.7-1.3V14.8c1.1-0.7,2.8-1.4,3.9-1.4c2.1,0,3.6,2,3.6,4.2v9 c-0.3,0.7-0.5,1.1-2.5,1.3v1h8.7v-1c-1.9-0.1-2.3-0.6-2.6-1.3v-10c0-0.6,0-1.2-0.1-1.8c1.2-0.7,3.1-1.4,4.1-1.4c2.1,0,3.5,2,3.5,4.2 l0.1,9c-0.3,0.7-0.5,1.1-2.5,1.3v1c0.6,0,3.3-0.1,4.3-0.1c1.6,0,4.4,0,5.3,0.1v-1c-1.8-0.2-2.6-0.3-3.5-1l-0.1-10.3 c0-3.4-1.4-5.7-4.6-5.7c-1.5,0-4.9,1.8-6.8,3.2c-0.5-2-1.8-3.2-4.4-3.2c-1.5,0-4.5,1.5-6.4,2.9V10.8z M67,24.6 c-1.7,1.4-2.8,2.2-4.9,2.2c-3.5,0-6.2-2.8-6.2-7.1c0-0.9,0-1.7,0.1-2.1l11.3,0.1v-0.8c0-3.7-2.3-6.1-6.4-6.1c-5.1,0-8.8,4-8.8,10 c0,4.8,3.4,8.3,7.8,8.3c3.4,0,5.4-1.4,7.8-3.6L67,24.6z M56.2,16.5c0.5-2.6,2-4.3,4-4.3c1.9,0,3.3,2,3.3,4.2L56.2,16.5z M32.7,25.8 c-1.1,0.9-1.8,1.3-3.1,1.3c-1.4,0-2.1-1.3-2.1-2.5c0-0.9,0.1-1.5,0.3-2.2c1.2-0.6,3.8-1.8,4.9-2.3L32.7,25.8z" fill="#1C3968"></path> </svg> </a></p> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--block-content--body--markup.html.twig' --> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--brandingheader.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--mainnavigation.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/custom/aya/templates/blocks/block--mainnavigation.html.twig' --> <div id="block-mainnavigation" class="block block-system block-system-menu-blockmain cc--component-container cc--main-menu"> <div class="c--component c--main-menu"> <nav class="mc--menu mc--main"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__main' --> <!-- FILE NAME SUGGESTIONS: ✅ menu--main.html.twig ✅ menu--main.html.twig ▪️ menu.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/navigation/menu--main.html.twig' --> <ul class="menu m--menu m--main"> <li class="menu-item menu-item--expanded"> <a href="/your-association" data-drupal-link-system-path="node/157">Your Alumni Association</a> <button class="toggle" aria-label="Expand Your Alumni Association" data-menu-name="Your Alumni Association"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 10.6" enable-background="new 0 0 18 10.6" xml:space="preserve"> <title>Expand Sub-Navigation</title> <polygon fill="#FFFFFF" points="9,10.6 0,1.6 1.6,0 9,7.4 16.4,0 18,1.6 "></polygon> </svg> </button> <ul class="menu submenu"> <li class="menu-item"> <a href="/your-alumni-association/what-we-do" data-drupal-link-system-path="node/51">What We Do</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/your-alumni-association/diversity-equity-and-inclusion" data-drupal-link-system-path="node/2104">Diversity, Equity, and Inclusion</a> </li> <li class="menu-item"> <a href="/your-alumni-association/yaa-leadership" data-drupal-link-system-path="node/62">YAA Leadership</a> </li> <li class="menu-item"> <a href="/your-alumni-association/yaa-staff-directory" data-drupal-link-system-path="node/45">Staff</a> </li> <li class="menu-item"> <a href="/your-alumni-association/alumni-benefits" data-drupal-link-system-path="node/34">Alumni Benefits</a> </li> <li class="menu-item"> <a href="/news" data-drupal-link-system-path="node/24">News &amp; Features</a> </li> </ul> </li> <li class="menu-item menu-item--expanded"> <a href="/events" data-drupal-link-system-path="node/18">Events</a> <button class="toggle" aria-label="Expand Events" data-menu-name="Events"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 10.6" enable-background="new 0 0 18 10.6" xml:space="preserve"> <title>Expand Sub-Navigation</title> <polygon fill="#FFFFFF" points="9,10.6 0,1.6 1.6,0 9,7.4 16.4,0 18,1.6 "></polygon> </svg> </button> <ul class="menu submenu"> <li class="menu-item"> <a href="/events" data-drupal-link-system-path="node/18">Find Events</a> </li> <li class="menu-item"> <a href="/events/peprally" data-drupal-link-system-path="node/7550">YAA Pep Rally</a> </li> <li class="menu-item"> <a href="/volunteer/service-community/yale-day-service" data-drupal-link-system-path="node/9919">Yale Day of Service</a> </li> <li class="menu-item"> <a href="/volunteer-alumni-leadership/yaa-assembly-yale-alumni-fund-convocation" title="YAA Assembly &amp; Alumni Fund Convocation">Assembly &amp; Convocation</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/yale-college-reunions">Yale College Reunions </a> </li> <li class="menu-item"> <a href="/events/virtual-yaa" data-drupal-link-system-path="node/6651">Virtual YAA</a> </li> </ul> </li> <li class="menu-item menu-item--expanded"> <a href="/find-groups" data-drupal-link-system-path="node/3">Groups</a> <button class="toggle" aria-label="Expand Groups" data-menu-name="Groups"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 10.6" enable-background="new 0 0 18 10.6" xml:space="preserve"> <title>Expand Sub-Navigation</title> <polygon fill="#FFFFFF" points="9,10.6 0,1.6 1.6,0 9,7.4 16.4,0 18,1.6 "></polygon> </svg> </button> <ul class="menu submenu"> <li class="menu-item"> <a href="/groups/about-groups" data-drupal-link-system-path="node/1785">About Groups</a> </li> <li class="menu-item"> <a href="/find-groups" data-drupal-link-system-path="node/3">Find Your Group</a> </li> <li class="menu-item"> <a href="/groups?field_group_type_target_id=444" title="Graduate &amp; Professional Schools" data-drupal-link-query="{&quot;field_group_type_target_id&quot;:&quot;444&quot;}">Search Graduate &amp; Professional Schools</a> </li> <li class="menu-item"> <a href="/groups?field_group_type_target_id=100&amp;geolocation_geocoder_google_geocoding_api_state=1&amp;field_chapter_coordinates_proximity=100" title="Interest Groups" data-drupal-link-query="{&quot;field_chapter_coordinates_proximity&quot;:&quot;100&quot;,&quot;field_group_type_target_id&quot;:&quot;100&quot;,&quot;geolocation_geocoder_google_geocoding_api_state&quot;:&quot;1&quot;}">Search Interest Groups</a> </li> <li class="menu-item"> <a href="/groups?field_group_type_target_id=96&amp;geolocation_geocoder_google_geocoding_api_state=1&amp;field_chapter_coordinates_proximity=100" title="Regional Clubs" data-drupal-link-query="{&quot;field_chapter_coordinates_proximity&quot;:&quot;100&quot;,&quot;field_group_type_target_id&quot;:&quot;96&quot;,&quot;geolocation_geocoder_google_geocoding_api_state&quot;:&quot;1&quot;}">Search Regional Clubs</a> </li> <li class="menu-item"> <a href="/groups?field_group_type_target_id=98&amp;geolocation_geocoder_google_geocoding_api_state=1&amp;field_chapter_coordinates_proximity=100" title="Yale College Classes" data-drupal-link-query="{&quot;field_chapter_coordinates_proximity&quot;:&quot;100&quot;,&quot;field_group_type_target_id&quot;:&quot;98&quot;,&quot;geolocation_geocoder_google_geocoding_api_state&quot;:&quot;1&quot;}">Search Yale College Classes</a> </li> </ul> </li> <li class="menu-item menu-item--expanded"> <a href="/connect" data-drupal-link-system-path="node/156">Connect</a> <button class="toggle" aria-label="Expand Connect" data-menu-name="Connect"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 10.6" enable-background="new 0 0 18 10.6" xml:space="preserve"> <title>Expand Sub-Navigation</title> <polygon fill="#FFFFFF" points="9,10.6 0,1.6 1.6,0 9,7.4 16.4,0 18,1.6 "></polygon> </svg> </button> <ul class="menu submenu"> <li class="menu-item menu-item--collapsed"> <a href="/connect/networking-careers" data-drupal-link-system-path="node/12">Networking &amp; Careers</a> </li> <li class="menu-item"> <a href="/connect/yale-alumni-mentorship-program" data-drupal-link-system-path="node/13878">Mentorship Program</a> </li> <li class="menu-item"> <a href="/connect/bold-bulldogs-last-decade" data-drupal-link-system-path="node/5076">Recent Grads</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/connect/current-students" data-drupal-link-system-path="node/98">Current Students</a> </li> <li class="menu-item"> <a href="https://alumni.yale.edu/news/getting-know-you">Getting to Know You</a> </li> <li class="menu-item"> <a href="/connect-connect-online/help-form-online-alumni-community" data-drupal-link-system-path="node/2352">Online Community Help Form</a> </li> </ul> </li> <li class="menu-item menu-item--expanded menu-item--active-trail"> <a href="/volunteer" data-drupal-link-system-path="node/9676">Volunteer</a> <button class="toggle" aria-label="Expand Volunteer" data-menu-name="Volunteer"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 10.6" enable-background="new 0 0 18 10.6" xml:space="preserve"> <title>Expand Sub-Navigation</title> <polygon fill="#FFFFFF" points="9,10.6 0,1.6 1.6,0 9,7.4 16.4,0 18,1.6 "></polygon> </svg> </button> <ul class="menu submenu"> <li class="menu-item menu-item--active-trail"> <a href="/volunteer/get-involved" data-drupal-link-system-path="node/9453" class="is-active" aria-current="page">Get Involved</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/volunteer/service-community" data-drupal-link-system-path="node/65">Service to Community</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/volunteer/toolkits-volunteers" data-drupal-link-system-path="node/1960">Toolkits for Volunteers</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/volunteer/volunteer-recognition" data-drupal-link-system-path="node/20">Volunteer Recognition</a> </li> </ul> </li> <li class="menu-item menu-item--expanded"> <a href="/learn" data-drupal-link-system-path="node/155">Learn</a> <button class="toggle" aria-label="Expand Learn" data-menu-name="Learn"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 10.6" enable-background="new 0 0 18 10.6" xml:space="preserve"> <title>Expand Sub-Navigation</title> <polygon fill="#FFFFFF" points="9,10.6 0,1.6 1.6,0 9,7.4 16.4,0 18,1.6 "></polygon> </svg> </button> <ul class="menu submenu"> <li class="menu-item"> <a href="https://alumnitravel.yale.edu" title="Learn Through Travel - Yale Educational Travel">Learn Through Travel</a> </li> <li class="menu-item"> <a href="/learn/learn-campus" data-drupal-link-system-path="node/2631">Learn on Campus</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/learn/learn-near-you" data-drupal-link-system-path="node/101">Learn Near You</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/learn/learn-online" data-drupal-link-system-path="node/40">Learn Online</a> </li> </ul> </li> </ul> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/navigation/menu--main.html.twig' --> </nav> </div> </div> </div><!-- .main-nav-container --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--mainnavigation.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--utility.html.twig ▪️ block--system-menu-block--utility.html.twig ▪️ block--system-menu-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--utility.html.twig' --> <div class="utility-nav-container"> <div id="block-utility" class="block block-system block-system-menu-blockutility cc--component-container cc--utility-menu"> <div class="c--component c--utility-menu"> <nav class="mc--menu mc--utility"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__utility' --> <!-- FILE NAME SUGGESTIONS: ✅ menu--utility.html.twig ▪️ menu--utility--utility.html.twig ✅ menu--utility.html.twig ▪️ menu.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/navigation/menu--utility.html.twig' --> <ul block="block-utility" class="menu m--menu m--utility"> <li class="menu-item"> <a href="https://www.yalealumni.yale.edu/s/1667/GID2/index.aspx?sid=1667&amp;gid=2&amp;pgid=94&amp;cid=256#/PersonalProfile">Alumni Directory</a> </li> <li class="menu-item"> <a href="/events" data-drupal-link-system-path="node/18">Calendar</a> </li> </ul> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/navigation/menu--utility.html.twig' --> </nav> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--utility.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--searchwidget.html.twig ▪️ block--block-content--99d7b0c5-ddb7-4078-b8bc-4b166ab4e6d1.html.twig ▪️ block--block-content--id-view--searchwidget--full.html.twig ▪️ block--block-content--id--searchwidget.html.twig ▪️ block--block-content--view-type--markup--full.html.twig ▪️ block--block-content--type--markup.html.twig ▪️ block--block-content--view--full.html.twig ▪️ block--block-content.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--searchwidget.html.twig' --> <div id="block-searchwidget" class="block block-block-content block-block-content99d7b0c5-ddb7-4078-b8bc-4b166ab4e6d1 cc--component-container cc--search-widget"> <div class="c--component c--search-widget"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ✅ field--block-content--body--markup.html.twig ▪️ field--block-content--body.html.twig ▪️ field--block-content--markup.html.twig ▪️ field--body.html.twig ▪️ field--text-with-summary.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--block-content--body--markup.html.twig' --> <p><button aria-controls="header-search-form" class="icon-search"><span>Search</span> <svg enable-background="new 0 0 19.9 20" version="1.1" viewbox="0 0 19.9 20" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"> <path d="M19.8,17.9l-3-2.9l-0.4-0.4l-0.4-0.5l-0.3,0.3l-2.1-2.1c2.3-3,2.1-7.3-0.6-10 c-3-3-7.8-3-10.7,0c-3,3-3,7.8,0,10.7c2.7,2.7,7,2.9,10,0.6l2.1,2.1L13.9,16l0.6,0.6l3.2,3.2c0.3,0.3,0.7,0.3,1,0l1-1 C20,18.6,20,18.1,19.8,17.9z M11.7,11.8c-2.3,2.3-6.2,2.3-8.5,0s-2.3-6.2,0-8.5s6.2-2.3,8.5,0C14.2,5.7,14.2,9.5,11.7,11.8z"></path> </svg></button></p> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--block-content--body--markup.html.twig' --> </div> </div> <button class="hamburger hamburger--squeeze" type="button" aria-label="Open Menu"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--searchwidget.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--searchform.html.twig ▪️ block--block-content--aa08d847-3954-466e-9130-40aa7845608e.html.twig ▪️ block--block-content--id-view--searchform--full.html.twig ▪️ block--block-content--id--searchform.html.twig ▪️ block--block-content--view-type--markup--full.html.twig ▪️ block--block-content--type--markup.html.twig ▪️ block--block-content--view--full.html.twig ▪️ block--block-content.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--searchform.html.twig' --> <div class="block block-block-content block-block-contentaa08d847-3954-466e-9130-40aa7845608e cc--component-container cc--search-form" id="header-search-form"> <div class="c--component c--search-form"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ✅ field--block-content--body--markup.html.twig ▪️ field--block-content--body.html.twig ▪️ field--block-content--markup.html.twig ▪️ field--body.html.twig ▪️ field--text-with-summary.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--block-content--body--markup.html.twig' --> <form accept-charset="UTF-8" action="/search" autocomplete="off" class="ally-focus-within" method="GET" name="search-form"><svg enable-background="new 0 0 19.9 20" version="1.1" viewbox="0 0 19.9 20" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"> <path d="M19.8,17.9l-3-2.9l-0.4-0.4l-0.4-0.5l-0.3,0.3l-2.1-2.1c2.3-3,2.1-7.3-0.6-10 c-3-3-7.8-3-10.7,0c-3,3-3,7.8,0,10.7c2.7,2.7,7,2.9,10,0.6l2.1,2.1L13.9,16l0.6,0.6l3.2,3.2c0.3,0.3,0.7,0.3,1,0l1-1 C20,18.6,20,18.1,19.8,17.9z M11.7,11.8c-2.3,2.3-6.2,2.3-8.5,0s-2.3-6.2,0-8.5s6.2-2.3,8.5,0C14.2,5.7,14.2,9.5,11.7,11.8z"></path> </svg> <div class="fi--form-item fi--search ally-focus-within"><label class="visually-hidden" for="search">Site Search</label> <input class="ally-focus-within" id="search" maxlength="50" name="q" placeholder="Search..." size="50" type="text" /></div> <input style="display: none" type="submit" value="submit" /><button aria-controls="header-search-form" aria-label="Click to close search" class="icon-close"><svg enable-background="new 0 0 16 16" version="1.1" viewbox="0 0 16 16" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"> <title></title> <path d="M8,6.6L14.6,0L16,1.4L9.4,8l6.6,6.6L14.6,16L8,9.4L1.4,16L0,14.6L6.6,8L0,1.4L1.4,0L8,6.6z"></path> </svg></button></form> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--block-content--body--markup.html.twig' --> </div> </div> </div><!-- .utility-nav-container --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--searchform.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--mainnavigation-2.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/custom/aya/templates/blocks/block--mainnavigation-2.html.twig' --> <div class="mobile-nav"> <div id="block-mainnavigation-2" class="block block-system block-system-menu-blockmain cc--component-container cc--mobile-menu"> <div class="c--component c--mobile-menu"> <div id="mobile-navigation"> <nav class="mc--menu mc--main"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__main' --> <!-- FILE NAME SUGGESTIONS: ✅ menu--main.html.twig ✅ menu--main.html.twig ▪️ menu.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/navigation/menu--main.html.twig' --> <ul class="menu m--menu m--main"> <li class="menu-item menu-item--expanded"> <a href="/your-association" data-drupal-link-system-path="node/157">Your Alumni Association</a> <button class="toggle" aria-label="Expand Your Alumni Association" data-menu-name="Your Alumni Association"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 10.6" enable-background="new 0 0 18 10.6" xml:space="preserve"> <title>Expand Sub-Navigation</title> <polygon fill="#FFFFFF" points="9,10.6 0,1.6 1.6,0 9,7.4 16.4,0 18,1.6 "></polygon> </svg> </button> <ul class="menu submenu"> <li class="menu-item"> <a href="/your-alumni-association/what-we-do" data-drupal-link-system-path="node/51">What We Do</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/your-alumni-association/diversity-equity-and-inclusion" data-drupal-link-system-path="node/2104">Diversity, Equity, and Inclusion</a> </li> <li class="menu-item"> <a href="/your-alumni-association/yaa-leadership" data-drupal-link-system-path="node/62">YAA Leadership</a> </li> <li class="menu-item"> <a href="/your-alumni-association/yaa-staff-directory" data-drupal-link-system-path="node/45">Staff</a> </li> <li class="menu-item"> <a href="/your-alumni-association/alumni-benefits" data-drupal-link-system-path="node/34">Alumni Benefits</a> </li> <li class="menu-item"> <a href="/news" data-drupal-link-system-path="node/24">News &amp; Features</a> </li> </ul> </li> <li class="menu-item menu-item--expanded"> <a href="/events" data-drupal-link-system-path="node/18">Events</a> <button class="toggle" aria-label="Expand Events" data-menu-name="Events"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 10.6" enable-background="new 0 0 18 10.6" xml:space="preserve"> <title>Expand Sub-Navigation</title> <polygon fill="#FFFFFF" points="9,10.6 0,1.6 1.6,0 9,7.4 16.4,0 18,1.6 "></polygon> </svg> </button> <ul class="menu submenu"> <li class="menu-item"> <a href="/events" data-drupal-link-system-path="node/18">Find Events</a> </li> <li class="menu-item"> <a href="/events/peprally" data-drupal-link-system-path="node/7550">YAA Pep Rally</a> </li> <li class="menu-item"> <a href="/volunteer/service-community/yale-day-service" data-drupal-link-system-path="node/9919">Yale Day of Service</a> </li> <li class="menu-item"> <a href="/volunteer-alumni-leadership/yaa-assembly-yale-alumni-fund-convocation" title="YAA Assembly &amp; Alumni Fund Convocation">Assembly &amp; Convocation</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/yale-college-reunions">Yale College Reunions </a> </li> <li class="menu-item"> <a href="/events/virtual-yaa" data-drupal-link-system-path="node/6651">Virtual YAA</a> </li> </ul> </li> <li class="menu-item menu-item--expanded"> <a href="/find-groups" data-drupal-link-system-path="node/3">Groups</a> <button class="toggle" aria-label="Expand Groups" data-menu-name="Groups"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 10.6" enable-background="new 0 0 18 10.6" xml:space="preserve"> <title>Expand Sub-Navigation</title> <polygon fill="#FFFFFF" points="9,10.6 0,1.6 1.6,0 9,7.4 16.4,0 18,1.6 "></polygon> </svg> </button> <ul class="menu submenu"> <li class="menu-item"> <a href="/groups/about-groups" data-drupal-link-system-path="node/1785">About Groups</a> </li> <li class="menu-item"> <a href="/find-groups" data-drupal-link-system-path="node/3">Find Your Group</a> </li> <li class="menu-item"> <a href="/groups?field_group_type_target_id=444" title="Graduate &amp; Professional Schools" data-drupal-link-query="{&quot;field_group_type_target_id&quot;:&quot;444&quot;}">Search Graduate &amp; Professional Schools</a> </li> <li class="menu-item"> <a href="/groups?field_group_type_target_id=100&amp;geolocation_geocoder_google_geocoding_api_state=1&amp;field_chapter_coordinates_proximity=100" title="Interest Groups" data-drupal-link-query="{&quot;field_chapter_coordinates_proximity&quot;:&quot;100&quot;,&quot;field_group_type_target_id&quot;:&quot;100&quot;,&quot;geolocation_geocoder_google_geocoding_api_state&quot;:&quot;1&quot;}">Search Interest Groups</a> </li> <li class="menu-item"> <a href="/groups?field_group_type_target_id=96&amp;geolocation_geocoder_google_geocoding_api_state=1&amp;field_chapter_coordinates_proximity=100" title="Regional Clubs" data-drupal-link-query="{&quot;field_chapter_coordinates_proximity&quot;:&quot;100&quot;,&quot;field_group_type_target_id&quot;:&quot;96&quot;,&quot;geolocation_geocoder_google_geocoding_api_state&quot;:&quot;1&quot;}">Search Regional Clubs</a> </li> <li class="menu-item"> <a href="/groups?field_group_type_target_id=98&amp;geolocation_geocoder_google_geocoding_api_state=1&amp;field_chapter_coordinates_proximity=100" title="Yale College Classes" data-drupal-link-query="{&quot;field_chapter_coordinates_proximity&quot;:&quot;100&quot;,&quot;field_group_type_target_id&quot;:&quot;98&quot;,&quot;geolocation_geocoder_google_geocoding_api_state&quot;:&quot;1&quot;}">Search Yale College Classes</a> </li> </ul> </li> <li class="menu-item menu-item--expanded"> <a href="/connect" data-drupal-link-system-path="node/156">Connect</a> <button class="toggle" aria-label="Expand Connect" data-menu-name="Connect"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 10.6" enable-background="new 0 0 18 10.6" xml:space="preserve"> <title>Expand Sub-Navigation</title> <polygon fill="#FFFFFF" points="9,10.6 0,1.6 1.6,0 9,7.4 16.4,0 18,1.6 "></polygon> </svg> </button> <ul class="menu submenu"> <li class="menu-item menu-item--collapsed"> <a href="/connect/networking-careers" data-drupal-link-system-path="node/12">Networking &amp; Careers</a> </li> <li class="menu-item"> <a href="/connect/yale-alumni-mentorship-program" data-drupal-link-system-path="node/13878">Mentorship Program</a> </li> <li class="menu-item"> <a href="/connect/bold-bulldogs-last-decade" data-drupal-link-system-path="node/5076">Recent Grads</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/connect/current-students" data-drupal-link-system-path="node/98">Current Students</a> </li> <li class="menu-item"> <a href="https://alumni.yale.edu/news/getting-know-you">Getting to Know You</a> </li> <li class="menu-item"> <a href="/connect-connect-online/help-form-online-alumni-community" data-drupal-link-system-path="node/2352">Online Community Help Form</a> </li> </ul> </li> <li class="menu-item menu-item--expanded menu-item--active-trail"> <a href="/volunteer" data-drupal-link-system-path="node/9676">Volunteer</a> <button class="toggle" aria-label="Expand Volunteer" data-menu-name="Volunteer"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 10.6" enable-background="new 0 0 18 10.6" xml:space="preserve"> <title>Expand Sub-Navigation</title> <polygon fill="#FFFFFF" points="9,10.6 0,1.6 1.6,0 9,7.4 16.4,0 18,1.6 "></polygon> </svg> </button> <ul class="menu submenu"> <li class="menu-item menu-item--active-trail"> <a href="/volunteer/get-involved" data-drupal-link-system-path="node/9453" class="is-active" aria-current="page">Get Involved</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/volunteer/service-community" data-drupal-link-system-path="node/65">Service to Community</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/volunteer/toolkits-volunteers" data-drupal-link-system-path="node/1960">Toolkits for Volunteers</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/volunteer/volunteer-recognition" data-drupal-link-system-path="node/20">Volunteer Recognition</a> </li> </ul> </li> <li class="menu-item menu-item--expanded"> <a href="/learn" data-drupal-link-system-path="node/155">Learn</a> <button class="toggle" aria-label="Expand Learn" data-menu-name="Learn"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 10.6" enable-background="new 0 0 18 10.6" xml:space="preserve"> <title>Expand Sub-Navigation</title> <polygon fill="#FFFFFF" points="9,10.6 0,1.6 1.6,0 9,7.4 16.4,0 18,1.6 "></polygon> </svg> </button> <ul class="menu submenu"> <li class="menu-item"> <a href="https://alumnitravel.yale.edu" title="Learn Through Travel - Yale Educational Travel">Learn Through Travel</a> </li> <li class="menu-item"> <a href="/learn/learn-campus" data-drupal-link-system-path="node/2631">Learn on Campus</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/learn/learn-near-you" data-drupal-link-system-path="node/101">Learn Near You</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/learn/learn-online" data-drupal-link-system-path="node/40">Learn Online</a> </li> </ul> </li> </ul> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/navigation/menu--main.html.twig' --> </nav> </div> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--mainnavigation-2.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--utility-2.html.twig ▪️ block--menu-block--utility.html.twig ▪️ block--menu-block.html.twig ▪️ block--system-menu-block.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--utility-2.html.twig' --> <div id="block-utility-2" class="block block-menu-block block-menu-blockutility cc--component-container cc--mobile-quick-menu"> <div class="c--component c--mobile-quick-menu"> <nav class="mc--menu mc--utility"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu' --> <!-- FILE NAME SUGGESTIONS: ✅ menu--utility-2.html.twig ▪️ menu--utility.html.twig ▪️ menu.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/navigation/menu--utility-2.html.twig' --> <ul block="block-utility-2" class="menu m--menu m--utility"> <li> <a href="https://www.yalealumni.yale.edu/s/1667/GID2/index.aspx?sid=1667&amp;gid=2&amp;pgid=94&amp;cid=256#/PersonalProfile"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" width="24" height="24"> <path d="M11.4,10.5c-0.8-0.7-1.3-1.8-1.3-3c0-2.2,1.8-3.9,3.9-3.9s3.9,1.8,3.9,3.9 c0,1.2-0.5,2.2-1.3,3c2.3,0.9,3.9,3,3.9,5.4c0,0.4-0.3,0.7-0.7,0.7H8.2c-0.4,0-0.7-0.3-0.7-0.7C7.5,13.4,9.1,11.4,11.4,10.5z M22.2,20.1H5.7c-1,0-1.8-0.8-1.8-1.8V1.8c0-1,0.8-1.8,1.8-1.8h16.5c1,0,1.8,0.8,1.8,1.8v16.5C24,19.3,23.2,20.1,22.2,20.1z M5.7,1.4c-0.2,0-0.4,0.2-0.4,0.4v16.5c0,0.2,0.2,0.4,0.4,0.4h16.5c0.2,0,0.4-0.2,0.4-0.4V1.8c0-0.2-0.2-0.4-0.4-0.4H5.7z M18.4,24 H1.8c-1,0-1.8-0.8-1.8-1.8V5.6c0-0.4,0.3-0.7,0.7-0.7s0.7,0.3,0.7,0.7v16.6c0,0.2,0.2,0.4,0.4,0.4h16.6c0.4,0,0.7,0.3,0.7,0.7 S18.8,24,18.4,24z M9,15.1h9.9c-0.4-2.1-2.5-3.7-5-3.7S9.4,13,9,15.1z M13.9,5c-1.4,0-2.5,1.1-2.5,2.5s1.1,2.5,2.5,2.5 s2.5-1.1,2.5-2.5S15.3,5,13.9,5z"/> </svg> Alumni Directory </a> </li> <li> <a href="/events"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 19 21.2" enable-background="new 0 0 19 21.2" xml:space="preserve" width="19" height="21"> <path fill="#00356B" d="M1.9,21.2h15.2c1.1,0,1.9-0.8,1.9-1.9V4c0-1.1-0.8-1.9-1.9-1.9h-2.6V0.8 c0-0.5-0.4-0.8-0.8-0.8s-0.8,0.4-0.8,0.8V2H6.3V0.8C6.3,0.3,5.9,0,5.5,0S4.7,0.4,4.7,0.8V2H1.9C0.8,2.1,0,2.9,0,4v15.3 C0,20.4,0.9,21.2,1.9,21.2z M17.1,19.6H1.9c-0.2,0-0.3-0.1-0.3-0.3V9.8h15.7v9.5C17.4,19.4,17.2,19.6,17.1,19.6z M1.9,3.7h2.6v1.8 c0,0.5,0.4,0.8,0.8,0.8s0.8-0.4,0.8-0.8V3.7h6.6v1.8c0,0.5,0.4,0.8,0.8,0.8c0.5,0,0.8-0.4,0.8-0.8V3.7h2.6c0.2,0,0.3,0.1,0.3,0.3 v4.1H1.6V4C1.6,3.8,1.8,3.7,1.9,3.7z"/> </svg> Calendar </a> </li> </ul> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/navigation/menu--utility-2.html.twig' --> </nav> </div> </div> </div><!-- .mobile-nav --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--utility-2.html.twig' --> </div> </section> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/layout/region--header.html.twig' --> </header> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--highlighted.html.twig ✅ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/layout/region.html.twig' --> <div class="region region-highlighted r--region r--highlighted"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--aya-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' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/layout/region.html.twig' --> <!-- added temporarily so we can observe the main nav --> <main> <a id="main-content" tabindex="-1"></a> <div class="l--content layout-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--content.html.twig ✅ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/layout/region.html.twig' --> <div class="region region-content r--region r--content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ✅ node--aya--template--chaptered-page.html.twig ▪️ node--aya--template.html.twig ▪️ node--dp-pattern-lab--template.html.twig ▪️ node--9453--full.html.twig ▪️ node--9453.html.twig ▪️ node--chaptered-page--full.html.twig ▪️ node--chaptered-page.html.twig ▪️ node--full.html.twig ▪️ node.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/node--aya--template--chaptered-page.html.twig' --> <div class="tc--template-container tc--chaptered-page"> <div class="t--template t--chaptered-page"> <div class="chaptered-page-top content-top"> <div class="cc--component-container cc--hero-section"> <div class="c--component c--hero-section"> <h1> <span class="section-title">Get Involved</span> </h1> </div> </div> </div> <div class="chaptered-page-content-wrapper"> <aside class="chaptered-page-sidebar sidebar"> <div class="cc--component-container cc--chaptered-menu"> <div class="c--component c--chaptered-menu"> <span class="jump-to">Jump to&hellip;</span> <nav class="mc--menu mc--chaptered-menu"> <ul class="m--menu m--chaptered-menu"> <li class="menu-item" aria-expanded="false" aria-haspopup="true"> <a href="#welcome"> Welcome </a> </li> <li class="menu-item" aria-expanded="false" aria-haspopup="true"> <a href="#find-the-right-fit"> Find the Right Fit </a> </li> <li class="menu-item" aria-expanded="false" aria-haspopup="true"> <a href="#explore-volunteer-opportunities"> Explore Volunteer Opportunities </a> </li> <li class="menu-item" aria-expanded="false" aria-haspopup="true"> <a href="#volunteer-resources"> Volunteer Resources </a> </li> </ul><!-- m--menu --> </nav> </div> </div> </aside> <div class="chaptered-page-main content-main"> <div class="leftnav-section" id="welcome"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ✅ paragraph--aya--component--title-and-body-text.html.twig ▪️ paragraph--aya--component.html.twig ▪️ paragraph--dp-pattern-lab--component.html.twig ▪️ paragraph--title-body-text--default.html.twig ▪️ paragraph--title-body-text.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--title-and-body-text.html.twig' --> <section class="cc--component-container cc--title-and-body-text chapter" aria-label="Welcome" > <div class="c--component c--title-and-body-text"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ✅ field--aya--section-title.html.twig ▪️ field--aya--field--section-title.html.twig ▪️ field--aya--field--section-title.html.twig ▪️ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-title--title-body-text.html.twig ▪️ field--paragraph--field-title.html.twig ▪️ field--paragraph--title-body-text.html.twig ▪️ field--field-title.html.twig ▪️ field--text.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--aya--section-title.html.twig' --> <div class="f--field f--section-title"> <h2 class="field__item">Welcome</h2> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--aya--section-title.html.twig' --> <div class="cc--component-container cc--body-text"> <div class="c--component c--body-text"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ✅ field--aya--body-text.html.twig ▪️ field--aya--field--body-text.html.twig ▪️ field--aya--field--body-text.html.twig ▪️ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-body-text--title-body-text.html.twig ▪️ field--paragraph--field-body-text.html.twig ▪️ field--paragraph--title-body-text.html.twig ▪️ field--field-body-text.html.twig ▪️ field--text-long.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--aya--body-text.html.twig' --> <p>The YAA mission is to enhance and renew the lifelong Yale experience for all alumni, whoever they are and wherever they may be. If you’re interested in joining us but are not quite sure where to begin, we have the tools to help.</p> <p>If you already know what you’re looking for, scroll down to the Explore Volunteer Opportunities section to find your program.</p> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--aya--body-text.html.twig' --> </div> </div> </div><!-- c--component c--title-and-body-text --> </section><!-- cc--component-container cc--title-and-body-text --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--title-and-body-text.html.twig' --> </div> <div class="leftnav-section"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ✅ paragraph--aya--component--full-captioned-image.html.twig ▪️ paragraph--aya--component.html.twig ▪️ paragraph--dp-pattern-lab--component.html.twig ▪️ paragraph--full-captioned-image--default.html.twig ▪️ paragraph--full-captioned-image.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--full-captioned-image.html.twig' --> <section class="cc--component-container cc--full-captioned-image" > <div class="c--component c--full-captioned-image"> <figure> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <img srcset="/sites/default/files/styles/16_9_320x180/public/2021-11/Santa%20Barbara%20cropped.jpg?h=9743a64d&amp;itok=58ujdgWP 320w, /sites/default/files/styles/16_9_960x540/public/2021-11/Santa%20Barbara%20cropped.jpg?h=9743a64d&amp;itok=3nx_Xb7P 960w, /sites/default/files/styles/16_9_1600x900/public/2021-11/Santa%20Barbara%20cropped.jpg?h=9743a64d&amp;itok=ZJsIl4t2 1600w" sizes="100vw" width="960" height="540" src="/sites/default/files/styles/16_9_1600x900/public/2021-11/Santa%20Barbara%20cropped.jpg?h=9743a64d&amp;itok=ZJsIl4t2" alt="" loading="lazy" /> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <figcaption>Yale Day of Service - Santa Barbara, California</figcaption> </figure> </div><!-- c--component c--full-captioned-image --> </section><!-- cc--component-container cc--full-captioned-image --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--full-captioned-image.html.twig' --> <div class="cc-component-container cc--scroll-up"> <div class="c--component c--scroll-up"> <button type="button" class="scrollup-button"> <p>Back to Top</p> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 15 22.8" enable-background="new 0 0 15 22.8" xml:space="preserve"> <path fill="#00356B" d="M6.4,3.7L1.3,8.8L0,7.5L7.5,0L15,7.5l-1.3,1.3L8.4,3.5v19.3h-2V3.7z"/> </svg> </button> </div> </div> </div> <div class="leftnav-section" id="find-the-right-fit"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ✅ paragraph--aya--component--accordions.html.twig ▪️ paragraph--aya--component.html.twig ▪️ paragraph--dp-pattern-lab--component.html.twig ▪️ paragraph--title-accordions--default.html.twig ▪️ paragraph--title-accordions.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--accordions.html.twig' --> <section class="cc--component-container cc--accordions chapter" aria-label="Find the Right Fit" > <div class="c--component c--accordions"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ✅ field--aya--section-title.html.twig ▪️ field--aya--field--section-title.html.twig ▪️ field--aya--field--section-title.html.twig ▪️ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-section-title--title-accordions.html.twig ▪️ field--paragraph--field-section-title.html.twig ▪️ field--paragraph--title-accordions.html.twig ▪️ field--field-section-title.html.twig ▪️ field--text.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--aya--section-title.html.twig' --> <div class="f--field f--section-title"> <h2 class="field__item">Find the Right Fit</h2> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--aya--section-title.html.twig' --> <h2 class="visually-hidden">Info Accordions</h2> <div class="accordion"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ✅ field--aya--accordions.html.twig ▪️ field--aya--field--accordions.html.twig ▪️ field--aya--field--accordions.html.twig ▪️ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-accordions--title-accordions.html.twig ▪️ field--paragraph--field-accordions.html.twig ▪️ field--paragraph--title-accordions.html.twig ▪️ field--field-accordions.html.twig ▪️ field--entity-reference-revisions.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--aya--accordions.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ✅ paragraph--aya--component--accordion.html.twig ▪️ paragraph--aya--component.html.twig ▪️ paragraph--dp-pattern-lab--component.html.twig ▪️ paragraph--accordion--default.html.twig ▪️ paragraph--accordion.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--accordion.html.twig' --> <h3> <button type="button" class="accordion-trigger" id="heading-5450" aria-controls="section-5450" aria-expanded="false" aria-disabled="false"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--aya--title.html.twig ▪️ field--aya--field--title.html.twig ▪️ field--aya--field--title.html.twig ✅ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-title--accordion.html.twig ▪️ field--paragraph--field-title.html.twig ▪️ field--paragraph--accordion.html.twig ▪️ field--field-title.html.twig ▪️ field--text.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--title"> <div class="field__item">WHY are you getting involved?</div> </div> <!-- END OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> </button> </h3> <div id="section-5450" role="region" aria-labelledby="heading-5450" class="accordion-panel"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--aya--detail-text.html.twig ▪️ field--aya--field--detail-text.html.twig ▪️ field--aya--field--detail-text.html.twig ✅ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-detail-text--accordion.html.twig ▪️ field--paragraph--field-detail-text.html.twig ▪️ field--paragraph--accordion.html.twig ▪️ field--field-detail-text.html.twig ▪️ field--text-long.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--detail-text"> <div class="field__item"><p>Below are some of the reasons that alumni maintain or renew their involvement with Yale. Which one (or several) speak loudest to you?</p> <ul> <li>I feel a <a href="/your-alumni-association/alumni-benefits">personal</a> or <a href="/connect/networking-careers">professional</a> connection to Yale as an <a href="https://alumniacademy.yale.edu/">academic</a> institution. </li> <li>I’m interested in <a href="/help-center-yaa-assembly">shaping the activities of the alumni body</a>. </li> <li>I want to <a href="https://forhumanity.yale.edu/how-to-give/annual-giving">support the university</a> and its efforts to maintain excellence in multiple areas.</li> <li>I want to <a href="https://crosscampus.yale.edu/">connect with current Yale students</a>. </li> <li>I want to <a href="https://crosscampus.yale.edu/">connect with fellow Yale alumni</a>.</li> <li>I have skills I’d like to <a href="/volunteer/service-community">share with a good cause</a>.</li> <li>I feel inspired to give back <a href="https://alumni.yale.edu/find-groups?field_chapter_coordinates_proximity=100&amp;field_group_type_target_id=96&amp;geolocation_geocoder_google_geocoding_api_state=1">to my community</a>.</li> <li>I’m looking for a community that shares <a href="https://alumni.yale.edu/find-groups?field_chapter_coordinates_proximity=100&amp;field_group_type_target_id=100&amp;geolocation_geocoder_google_geocoding_api_state=1">a particular interest or identity with me</a>.</li> </ul></div> </div> <!-- END OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--accordion.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ✅ paragraph--aya--component--accordion.html.twig ▪️ paragraph--aya--component.html.twig ▪️ paragraph--dp-pattern-lab--component.html.twig ▪️ paragraph--accordion--default.html.twig ▪️ paragraph--accordion.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--accordion.html.twig' --> <h3> <button type="button" class="accordion-trigger" id="heading-5466" aria-controls="section-5466" aria-expanded="false" aria-disabled="false"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--aya--title.html.twig ▪️ field--aya--field--title.html.twig ▪️ field--aya--field--title.html.twig ✅ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-title--accordion.html.twig ▪️ field--paragraph--field-title.html.twig ▪️ field--paragraph--accordion.html.twig ▪️ field--field-title.html.twig ▪️ field--text.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--title"> <div class="field__item">WHAT would you like to do?</div> </div> <!-- END OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> </button> </h3> <div id="section-5466" role="region" aria-labelledby="heading-5466" class="accordion-panel"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--aya--detail-text.html.twig ▪️ field--aya--field--detail-text.html.twig ▪️ field--aya--field--detail-text.html.twig ✅ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-detail-text--accordion.html.twig ▪️ field--paragraph--field-detail-text.html.twig ▪️ field--paragraph--accordion.html.twig ▪️ field--field-detail-text.html.twig ▪️ field--text-long.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--detail-text"> <div class="field__item"><p>There are roles, activities, and programs available for almost any skill set imaginable. </p> <ul> <li>I’m interested in <a href="https://www.facebook.com/groups/1828052457507294">collaborating with other alums</a> to plan events, lectures, or programs.</li> <li>I’d like to <a href="/connect/networking-careers/careers-life-and-yale">lend a particular skill or expertise to a Yale group</a>, such as professional advice, event planning, or communications. </li> <li>I feel excited to interact with <a href="/connect/bold-bulldogs-last-decade">current and/or recent graduates</a> in a <a href="https://crosscampus.yale.edu/v2">mentorship role</a>.</li> <li>I want to help <a href="/news/submit-your-story">tell Yale’s story</a> through online and digital outlets including <a href="/volunteer/eli-ambassador-program">social media</a>, email, and newsletters.</li> <li>I am interested in <a href="https://yaledayofservice.org/ways-participate">recruiting volunteers for service,</a> <a href="https://forhumanity.yale.edu/volunteers/annual-giving-volunteers">fundraising</a>, and/or event support.</li> <li>I wish to bring Yale to my local community through <a href="/volunteer/service-community">service-related volunteerism</a>.</li> </ul></div> </div> <!-- END OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--accordion.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ✅ paragraph--aya--component--accordion.html.twig ▪️ paragraph--aya--component.html.twig ▪️ paragraph--dp-pattern-lab--component.html.twig ▪️ paragraph--accordion--default.html.twig ▪️ paragraph--accordion.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--accordion.html.twig' --> <h3> <button type="button" class="accordion-trigger" id="heading-5467" aria-controls="section-5467" aria-expanded="false" aria-disabled="false"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--aya--title.html.twig ▪️ field--aya--field--title.html.twig ▪️ field--aya--field--title.html.twig ✅ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-title--accordion.html.twig ▪️ field--paragraph--field-title.html.twig ▪️ field--paragraph--accordion.html.twig ▪️ field--field-title.html.twig ▪️ field--text.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--title"> <div class="field__item">WHO would you like to connect with?</div> </div> <!-- END OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> </button> </h3> <div id="section-5467" role="region" aria-labelledby="heading-5467" class="accordion-panel"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--aya--detail-text.html.twig ▪️ field--aya--field--detail-text.html.twig ▪️ field--aya--field--detail-text.html.twig ✅ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-detail-text--accordion.html.twig ▪️ field--paragraph--field-detail-text.html.twig ▪️ field--paragraph--accordion.html.twig ▪️ field--field-detail-text.html.twig ▪️ field--text-long.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--detail-text"> <div class="field__item"><p>The Yale alumni body is growing increasingly diverse. If you’re looking for a community, you’re almost certainly not alone. I would like to connect with…</p> <ul> <li>Members from <a href="https://alumni.yale.edu/find-groups?field_chapter_coordinates_proximity=100&amp;field_group_type_target_id=98&amp;geolocation_geocoder_google_geocoding_api_state=1">my Yale College class</a></li> <li>Fellow alumni in <a href="https://alumni.yale.edu/find-groups?field_chapter_coordinates_proximity=100&amp;field_group_type_target_id=96&amp;geolocation_geocoder_google_geocoding_api_state=1">my geographic region, state, or city</a></li> <li>Members from <a href="https://alumni.yale.edu/find-groups?field_group_type_target_id=444">my graduate or professional program</a></li> <li>Alumni from <a href="https://yalecollege.yale.edu/residential-colleges">my residential college</a></li> <li>Alumni who share <a href="https://alumni.yale.edu/find-groups?field_chapter_coordinates_proximity=100&amp;field_group_type_target_id=100&amp;geolocation_geocoder_google_geocoding_api_state=1">a specific interest or identity of mine</a></li> <li><a href="https://crosscampus.yale.edu/">Current Yale students</a></li> <li>Alumni from <a href="https://crosscampus.yale.edu/">my professional field</a></li> <li><a href="/connect/bold-bulldogs-last-decade">Recent Yale graduates</a></li> <li><a href="https://asc.yale.edu/">Prospective Yale students</a></li> <li><a href="https://forhumanity.yale.edu/volunteers/parent-volunteers">Yale parents</a></li> </ul></div> </div> <!-- END OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--accordion.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ✅ paragraph--aya--component--accordion.html.twig ▪️ paragraph--aya--component.html.twig ▪️ paragraph--dp-pattern-lab--component.html.twig ▪️ paragraph--accordion--default.html.twig ▪️ paragraph--accordion.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--accordion.html.twig' --> <h3> <button type="button" class="accordion-trigger" id="heading-5468" aria-controls="section-5468" aria-expanded="false" aria-disabled="false"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--aya--title.html.twig ▪️ field--aya--field--title.html.twig ▪️ field--aya--field--title.html.twig ✅ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-title--accordion.html.twig ▪️ field--paragraph--field-title.html.twig ▪️ field--paragraph--accordion.html.twig ▪️ field--field-title.html.twig ▪️ field--text.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--title"> <div class="field__item">WHERE would you like to volunteer?</div> </div> <!-- END OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> </button> </h3> <div id="section-5468" role="region" aria-labelledby="heading-5468" class="accordion-panel"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--aya--detail-text.html.twig ▪️ field--aya--field--detail-text.html.twig ▪️ field--aya--field--detail-text.html.twig ✅ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-detail-text--accordion.html.twig ▪️ field--paragraph--field-detail-text.html.twig ▪️ field--paragraph--accordion.html.twig ▪️ field--field-detail-text.html.twig ▪️ field--text-long.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--detail-text"> <div class="field__item"><p>Location, location, location! Sometimes it doesn’t matter what you’re doing or who you’re with … the folks in your own backyard (or digital space) are <em>it</em>.</p> <ul> <li>I can participate in <a href="/events/virtual-yaa">conference calls, by email, or webinar</a>.</li> <li>I can meet in person in <a href="https://alumni.yale.edu/find-groups?field_chapter_coordinates_proximity=100&amp;field_group_type_target_id=96&amp;geolocation_geocoder_google_geocoding_api_state=1">my local region</a>.</li> <li>I can travel to New Haven for <a href="/volunteer-alumni-leadership/yaa-assembly-yale-alumni-fund-convocation">in-person meetings and events</a>.</li> </ul></div> </div> <!-- END OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--accordion.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--aya--accordions.html.twig' --> </div> </div><!-- c--component c--accordions --> </section><!-- cc--component-container cc--accordions --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--accordions.html.twig' --> <div class="cc-component-container cc--scroll-up"> <div class="c--component c--scroll-up"> <button type="button" class="scrollup-button"> <p>Back to Top</p> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 15 22.8" enable-background="new 0 0 15 22.8" xml:space="preserve"> <path fill="#00356B" d="M6.4,3.7L1.3,8.8L0,7.5L7.5,0L15,7.5l-1.3,1.3L8.4,3.5v19.3h-2V3.7z"/> </svg> </button> </div> </div> </div> <div class="leftnav-section" id="explore-volunteer-opportunities"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ▪️ paragraph--aya--component--card-grid.html.twig ✅ paragraph--aya--component.html.twig ▪️ paragraph--dp-pattern-lab--component.html.twig ▪️ paragraph--three-across-grid--default.html.twig ▪️ paragraph--three-across-grid.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component.html.twig' --> <section class="cc--component-container cc--card-grid cards-33 chapter" aria-label="Explore Volunteer Opportunities" > <div class="c--component c--card-grid"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ✅ field--aya--section-title.html.twig ▪️ field--aya--field--section-title.html.twig ▪️ field--aya--field--section-title.html.twig ▪️ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-title--three-across-grid.html.twig ▪️ field--paragraph--field-title.html.twig ▪️ field--paragraph--three-across-grid.html.twig ▪️ field--field-title.html.twig ▪️ field--text.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--aya--section-title.html.twig' --> <div class="f--field f--section-title"> <h2 class="field__item">Explore Volunteer Opportunities</h2> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--aya--section-title.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ✅ field--aya--card-grid.html.twig ▪️ field--aya--field--card-grid.html.twig ▪️ field--aya--field--card-grid.html.twig ▪️ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-cards--three-across-grid.html.twig ▪️ field--paragraph--field-cards.html.twig ▪️ field--paragraph--three-across-grid.html.twig ▪️ field--field-cards.html.twig ▪️ field--entity-reference-revisions.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--aya--card-grid.html.twig' --> <div class="f--field f--card-grid"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ✅ paragraph--aya--component--card.html.twig ▪️ paragraph--aya--component.html.twig ▪️ paragraph--dp-pattern-lab--component.html.twig ▪️ paragraph--manual-card--default.html.twig ▪️ paragraph--manual-card.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> <article class="cc--component-container cc--card cards-33" aria-label="Alumni Schools Committee" > <div class="c--component c--card"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--aya--image.html.twig ▪️ field--aya--field--image.html.twig ▪️ field--aya--field--image.html.twig ✅ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-image--manual-card.html.twig ▪️ field--paragraph--field-image.html.twig ▪️ field--paragraph--manual-card.html.twig ▪️ field--field-image.html.twig ▪️ field--entity-reference.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--image"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: ▪️ media--source-image.html.twig ▪️ media--image--16-9-teaser.html.twig ✅ media--image.html.twig ▪️ media--16-9-teaser.html.twig ▪️ media.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-image-file--image.html.twig ✅ field--media--field-image-file.html.twig ▪️ field--media--image.html.twig ▪️ field--field-image-file.html.twig ▪️ field--image.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <img loading="eager" srcset="/sites/default/files/styles/16_9_320x180/public/2021-05/2018_10_23_11-07-32_ViewFromStacks1_DP_5903-CC.jpg?h=06dec080&amp;itok=fG-8GW8F 1x" width="320" height="180" src="/sites/default/files/styles/16_9_320x180/public/2021-05/2018_10_23_11-07-32_ViewFromStacks1_DP_5903-CC.jpg?h=06dec080&amp;itok=fG-8GW8F" alt="Yale Campus view from tower" /> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> </div> </div> <!-- END OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--cta-title"> <h3 aria-level="1"> <a href="https://asc.yale.edu/">Alumni Schools Committee</a> </h3> </div> </div><!-- c--component c--card --> </article><!-- cc--component-container cc--card --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ✅ paragraph--aya--component--card.html.twig ▪️ paragraph--aya--component.html.twig ▪️ paragraph--dp-pattern-lab--component.html.twig ▪️ paragraph--manual-card--default.html.twig ▪️ paragraph--manual-card.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> <article class="cc--component-container cc--card cards-33" aria-label="Yale Alumni Fund Class Agent" > <div class="c--component c--card"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--aya--image.html.twig ▪️ field--aya--field--image.html.twig ▪️ field--aya--field--image.html.twig ✅ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-image--manual-card.html.twig ▪️ field--paragraph--field-image.html.twig ▪️ field--paragraph--manual-card.html.twig ▪️ field--field-image.html.twig ▪️ field--entity-reference.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--image"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: ▪️ media--source-image.html.twig ▪️ media--image--16-9-teaser.html.twig ✅ media--image.html.twig ▪️ media--16-9-teaser.html.twig ▪️ media.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-image-file--image.html.twig ✅ field--media--field-image-file.html.twig ▪️ field--media--image.html.twig ▪️ field--field-image-file.html.twig ▪️ field--image.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <img loading="eager" srcset="/sites/default/files/styles/16_9_320x180/public/2018-11/YAFAwardees2018.jpg?h=9dad0a6b&amp;itok=7ebs204J 1x" width="320" height="180" src="/sites/default/files/styles/16_9_320x180/public/2018-11/YAFAwardees2018.jpg?h=9dad0a6b&amp;itok=7ebs204J" alt="From left: Jocelyn Kane, managing director of the Yale Alumni Fund; Marla Grossman ’90, vice chairman; award winners Rebecca Vitas Schamis ’00 M.B.A., Thomas Ginakakis ’09, and Evangeline Wyche Tross ’78; and Michael Tom ’83 M.D., chairman." /> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> </div> </div> <!-- END OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--cta-title"> <h3 aria-level="1"> <a href="https://forhumanity.yale.edu/volunteers/annual-giving-volunteers">Yale Alumni Fund Class Agent</a> </h3> </div> </div><!-- c--component c--card --> </article><!-- cc--component-container cc--card --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ✅ paragraph--aya--component--card.html.twig ▪️ paragraph--aya--component.html.twig ▪️ paragraph--dp-pattern-lab--component.html.twig ▪️ paragraph--manual-card--default.html.twig ▪️ paragraph--manual-card.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> <article class="cc--component-container cc--card cards-33" aria-label="YAA Assembly Delegate" > <div class="c--component c--card"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--aya--image.html.twig ▪️ field--aya--field--image.html.twig ▪️ field--aya--field--image.html.twig ✅ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-image--manual-card.html.twig ▪️ field--paragraph--field-image.html.twig ▪️ field--paragraph--manual-card.html.twig ▪️ field--field-image.html.twig ▪️ field--entity-reference.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--image"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: ▪️ media--source-image.html.twig ▪️ media--image--16-9-teaser.html.twig ✅ media--image.html.twig ▪️ media--16-9-teaser.html.twig ▪️ media.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-image-file--image.html.twig ✅ field--media--field-image-file.html.twig ▪️ field--media--image.html.twig ▪️ field--field-image-file.html.twig ▪️ field--image.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <img loading="eager" srcset="/sites/default/files/styles/16_9_320x180/public/2018-11/Assembly4.jpg?h=a1e1a043&amp;itok=8hPQAi8x 1x" width="320" height="180" src="/sites/default/files/styles/16_9_320x180/public/2018-11/Assembly4.jpg?h=a1e1a043&amp;itok=8hPQAi8x" alt="Alumni posing at the Yale photobooth" /> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> </div> </div> <!-- END OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--cta-title"> <h3 aria-level="1"> <a href="https://alumni.yale.edu/help-center-yaa-assembly">YAA Assembly Delegate</a> </h3> </div> </div><!-- c--component c--card --> </article><!-- cc--component-container cc--card --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ✅ paragraph--aya--component--card.html.twig ▪️ paragraph--aya--component.html.twig ▪️ paragraph--dp-pattern-lab--component.html.twig ▪️ paragraph--manual-card--default.html.twig ▪️ paragraph--manual-card.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> <article class="cc--component-container cc--card cards-33" aria-label="Mentoring Alumni and/or Students" > <div class="c--component c--card"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--aya--image.html.twig ▪️ field--aya--field--image.html.twig ▪️ field--aya--field--image.html.twig ✅ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-image--manual-card.html.twig ▪️ field--paragraph--field-image.html.twig ▪️ field--paragraph--manual-card.html.twig ▪️ field--field-image.html.twig ▪️ field--entity-reference.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--image"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: ▪️ media--source-image.html.twig ▪️ media--image--16-9-teaser.html.twig ✅ media--image.html.twig ▪️ media--16-9-teaser.html.twig ▪️ media.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-image-file--image.html.twig ✅ field--media--field-image-file.html.twig ▪️ field--media--image.html.twig ▪️ field--field-image-file.html.twig ▪️ field--image.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <img loading="eager" srcset="/sites/default/files/styles/16_9_320x180/public/2020-04/CrossCampus_Facebook01.png?h=b664bcbf&amp;itok=5HFsxnb1 1x" width="320" height="180" src="/sites/default/files/styles/16_9_320x180/public/2020-04/CrossCampus_Facebook01.png?h=b664bcbf&amp;itok=5HFsxnb1" alt="Cross Campus" /> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> </div> </div> <!-- END OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--cta-title"> <h3 aria-level="1"> <a href="https://alumni.yale.edu/connect/networking-careers">Mentoring Alumni and/or Students</a> </h3> </div> </div><!-- c--component c--card --> </article><!-- cc--component-container cc--card --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ✅ paragraph--aya--component--card.html.twig ▪️ paragraph--aya--component.html.twig ▪️ paragraph--dp-pattern-lab--component.html.twig ▪️ paragraph--manual-card--default.html.twig ▪️ paragraph--manual-card.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> <article class="cc--component-container cc--card cards-33" aria-label="Service Activities" > <div class="c--component c--card"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--aya--image.html.twig ▪️ field--aya--field--image.html.twig ▪️ field--aya--field--image.html.twig ✅ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-image--manual-card.html.twig ▪️ field--paragraph--field-image.html.twig ▪️ field--paragraph--manual-card.html.twig ▪️ field--field-image.html.twig ▪️ field--entity-reference.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--image"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: ▪️ media--source-image.html.twig ▪️ media--image--16-9-teaser.html.twig ✅ media--image.html.twig ▪️ media--16-9-teaser.html.twig ▪️ media.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-image-file--image.html.twig ✅ field--media--field-image-file.html.twig ▪️ field--media--image.html.twig ▪️ field--field-image-file.html.twig ▪️ field--image.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <img loading="eager" srcset="/sites/default/files/styles/16_9_320x180/public/2021-11/IMG_2558.jpg?h=51de9951&amp;itok=6_BNCT5o 1x" width="320" height="180" src="/sites/default/files/styles/16_9_320x180/public/2021-11/IMG_2558.jpg?h=51de9951&amp;itok=6_BNCT5o" alt="Read Across America Volunteers" /> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> </div> </div> <!-- END OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--cta-title"> <h3 aria-level="1"> <a href="/volunteer/service-community">Service Activities</a> </h3> </div> </div><!-- c--component c--card --> </article><!-- cc--component-container cc--card --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ✅ paragraph--aya--component--card.html.twig ▪️ paragraph--aya--component.html.twig ▪️ paragraph--dp-pattern-lab--component.html.twig ▪️ paragraph--manual-card--default.html.twig ▪️ paragraph--manual-card.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> <article class="cc--component-container cc--card cards-33" aria-label="Speak at Career Events" > <div class="c--component c--card"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--aya--image.html.twig ▪️ field--aya--field--image.html.twig ▪️ field--aya--field--image.html.twig ✅ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-image--manual-card.html.twig ▪️ field--paragraph--field-image.html.twig ▪️ field--paragraph--manual-card.html.twig ▪️ field--field-image.html.twig ▪️ field--entity-reference.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--image"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: ▪️ media--source-image.html.twig ▪️ media--image--16-9-teaser.html.twig ✅ media--image.html.twig ▪️ media--16-9-teaser.html.twig ▪️ media.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-image-file--image.html.twig ✅ field--media--field-image-file.html.twig ▪️ field--media--image.html.twig ▪️ field--field-image-file.html.twig ▪️ field--image.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <img loading="eager" srcset="/sites/default/files/styles/16_9_320x180/public/2018-12/Career%20event.jpg?h=b3660f0d&amp;itok=ggi7egpX 1x" width="320" height="180" src="/sites/default/files/styles/16_9_320x180/public/2018-12/Career%20event.jpg?h=b3660f0d&amp;itok=ggi7egpX" alt="Career Change" /> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> </div> </div> <!-- END OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--cta-title"> <h3 aria-level="1"> <a href="/connect/networking-careers/careers-life-and-yale">Speak at Career Events</a> </h3> </div> </div><!-- c--component c--card --> </article><!-- cc--component-container cc--card --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ✅ paragraph--aya--component--card.html.twig ▪️ paragraph--aya--component.html.twig ▪️ paragraph--dp-pattern-lab--component.html.twig ▪️ paragraph--manual-card--default.html.twig ▪️ paragraph--manual-card.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> <article class="cc--component-container cc--card cards-33" aria-label="Yale Regional Clubs" > <div class="c--component c--card"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--aya--image.html.twig ▪️ field--aya--field--image.html.twig ▪️ field--aya--field--image.html.twig ✅ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-image--manual-card.html.twig ▪️ field--paragraph--field-image.html.twig ▪️ field--paragraph--manual-card.html.twig ▪️ field--field-image.html.twig ▪️ field--entity-reference.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--image"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: ▪️ media--source-image.html.twig ▪️ media--image--16-9-teaser.html.twig ✅ media--image.html.twig ▪️ media--16-9-teaser.html.twig ▪️ media.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-image-file--image.html.twig ✅ field--media--field-image-file.html.twig ▪️ field--media--image.html.twig ▪️ field--field-image-file.html.twig ▪️ field--image.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <img loading="eager" srcset="/sites/default/files/styles/16_9_320x180/public/2019-08/20180927_yale_chi_-_3-evt_400.jpg?h=ad2d593c&amp;itok=JrRcdllG 1x" width="320" height="180" src="/sites/default/files/styles/16_9_320x180/public/2019-08/20180927_yale_chi_-_3-evt_400.jpg?h=ad2d593c&amp;itok=JrRcdllG" alt="Yale Club of Chicago Pizza Party" /> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> </div> </div> <!-- END OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--cta-title"> <h3 aria-level="1"> <a href="https://alumni.yale.edu/find-groups?field_chapter_coordinates_proximity=100&amp;field_group_type_target_id=96&amp;geolocation_geocoder_google_geocoding_api_state=1">Yale Regional Clubs</a> </h3> </div> </div><!-- c--component c--card --> </article><!-- cc--component-container cc--card --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ✅ paragraph--aya--component--card.html.twig ▪️ paragraph--aya--component.html.twig ▪️ paragraph--dp-pattern-lab--component.html.twig ▪️ paragraph--manual-card--default.html.twig ▪️ paragraph--manual-card.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> <article class="cc--component-container cc--card cards-33" aria-label="Yale College Classes" > <div class="c--component c--card"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--aya--image.html.twig ▪️ field--aya--field--image.html.twig ▪️ field--aya--field--image.html.twig ✅ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-image--manual-card.html.twig ▪️ field--paragraph--field-image.html.twig ▪️ field--paragraph--manual-card.html.twig ▪️ field--field-image.html.twig ▪️ field--entity-reference.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--image"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: ▪️ media--source-image.html.twig ▪️ media--image--16-9-teaser.html.twig ✅ media--image.html.twig ▪️ media--16-9-teaser.html.twig ▪️ media.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-image-file--image.html.twig ✅ field--media--field-image-file.html.twig ▪️ field--media--image.html.twig ▪️ field--field-image-file.html.twig ▪️ field--image.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <img loading="eager" srcset="/sites/default/files/styles/16_9_320x180/public/2021-08/IMG-20210830-WA0000.jpg?h=a8207fda&amp;itok=pZy31RqZ 1x" width="320" height="180" src="/sites/default/files/styles/16_9_320x180/public/2021-08/IMG-20210830-WA0000.jpg?h=a8207fda&amp;itok=pZy31RqZ" alt="Pierson Class of 1992" /> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> </div> </div> <!-- END OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--cta-title"> <h3 aria-level="1"> <a href="https://alumni.yale.edu/find-groups?field_chapter_coordinates_proximity=100&amp;field_group_type_target_id=98&amp;geolocation_geocoder_google_geocoding_api_state=1">Yale College Classes</a> </h3> </div> </div><!-- c--component c--card --> </article><!-- cc--component-container cc--card --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ✅ paragraph--aya--component--card.html.twig ▪️ paragraph--aya--component.html.twig ▪️ paragraph--dp-pattern-lab--component.html.twig ▪️ paragraph--manual-card--default.html.twig ▪️ paragraph--manual-card.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> <article class="cc--component-container cc--card cards-33" aria-label="Shared Interest Groups" > <div class="c--component c--card"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--aya--image.html.twig ▪️ field--aya--field--image.html.twig ▪️ field--aya--field--image.html.twig ✅ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-image--manual-card.html.twig ▪️ field--paragraph--field-image.html.twig ▪️ field--paragraph--manual-card.html.twig ▪️ field--field-image.html.twig ▪️ field--entity-reference.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--image"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: ▪️ media--source-image.html.twig ▪️ media--image--16-9-teaser.html.twig ✅ media--image.html.twig ▪️ media--16-9-teaser.html.twig ▪️ media.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-image-file--image.html.twig ✅ field--media--field-image-file.html.twig ▪️ field--media--image.html.twig ▪️ field--field-image-file.html.twig ▪️ field--image.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <img loading="eager" srcset="/sites/default/files/styles/16_9_320x180/public/2019-07/1stGenYale%20-%20FSY%202019%20-%20crop_0.jpg?h=f41b90f7&amp;itok=QXYMataY 1x" width="320" height="180" src="/sites/default/files/styles/16_9_320x180/public/2019-07/1stGenYale%20-%20FSY%202019%20-%20crop_0.jpg?h=f41b90f7&amp;itok=QXYMataY" alt="Alumni and friends returned to campus July 20 for the “Navigating Yale and Beyond: Alumni Perspectives&quot; event." /> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> </div> </div> <!-- END OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--cta-title"> <h3 aria-level="1"> <a href="https://alumni.yale.edu/find-groups?field_chapter_coordinates_proximity=100&amp;field_group_type_target_id=100&amp;geolocation_geocoder_google_geocoding_api_state=1">Shared Interest Groups</a> </h3> </div> </div><!-- c--component c--card --> </article><!-- cc--component-container cc--card --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ✅ paragraph--aya--component--card.html.twig ▪️ paragraph--aya--component.html.twig ▪️ paragraph--dp-pattern-lab--component.html.twig ▪️ paragraph--manual-card--default.html.twig ▪️ paragraph--manual-card.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> <article class="cc--component-container cc--card cards-33" aria-label="Graduate and Professional School Alumni Groups" > <div class="c--component c--card"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--aya--image.html.twig ▪️ field--aya--field--image.html.twig ▪️ field--aya--field--image.html.twig ✅ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-image--manual-card.html.twig ▪️ field--paragraph--field-image.html.twig ▪️ field--paragraph--manual-card.html.twig ▪️ field--field-image.html.twig ▪️ field--entity-reference.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--image"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: ▪️ media--source-image.html.twig ▪️ media--image--16-9-teaser.html.twig ✅ media--image.html.twig ▪️ media--16-9-teaser.html.twig ▪️ media.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-image-file--image.html.twig ✅ field--media--field-image-file.html.twig ▪️ field--media--image.html.twig ▪️ field--field-image-file.html.twig ▪️ field--image.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <img loading="eager" srcset="/sites/default/files/styles/16_9_320x180/public/2021-12/gsaa_fall_2018_board_meeting_0.png?h=6d35ae61&amp;itok=GiK_syjb 1x" width="320" height="180" src="/sites/default/files/styles/16_9_320x180/public/2021-12/gsaa_fall_2018_board_meeting_0.png?h=6d35ae61&amp;itok=GiK_syjb" alt="GSAA board meeting" /> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> </div> </div> <!-- END OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--cta-title"> <h3 aria-level="1"> <a href="https://alumni.yale.edu/find-groups?field_group_type_target_id=444">Graduate and Professional School Alumni Groups</a> </h3> </div> </div><!-- c--component c--card --> </article><!-- cc--component-container cc--card --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--aya--card-grid.html.twig' --> </div><!-- c--component c--card-grid --> </section><!-- cc--component-container cc--card-grid --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component.html.twig' --> <div class="cc-component-container cc--scroll-up"> <div class="c--component c--scroll-up"> <button type="button" class="scrollup-button"> <p>Back to Top</p> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 15 22.8" enable-background="new 0 0 15 22.8" xml:space="preserve"> <path fill="#00356B" d="M6.4,3.7L1.3,8.8L0,7.5L7.5,0L15,7.5l-1.3,1.3L8.4,3.5v19.3h-2V3.7z"/> </svg> </button> </div> </div> </div> <div class="leftnav-section" id="volunteer-resources"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ▪️ paragraph--aya--component--card-grid.html.twig ✅ paragraph--aya--component.html.twig ▪️ paragraph--dp-pattern-lab--component.html.twig ▪️ paragraph--three-across-grid--default.html.twig ▪️ paragraph--three-across-grid.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component.html.twig' --> <section class="cc--component-container cc--card-grid cards-33 chapter" aria-label="Volunteer Resources" > <div class="c--component c--card-grid"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ✅ field--aya--section-title.html.twig ▪️ field--aya--field--section-title.html.twig ▪️ field--aya--field--section-title.html.twig ▪️ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-title--three-across-grid.html.twig ▪️ field--paragraph--field-title.html.twig ▪️ field--paragraph--three-across-grid.html.twig ▪️ field--field-title.html.twig ▪️ field--text.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--aya--section-title.html.twig' --> <div class="f--field f--section-title"> <h2 class="field__item">Volunteer Resources</h2> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--aya--section-title.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ✅ field--aya--card-grid.html.twig ▪️ field--aya--field--card-grid.html.twig ▪️ field--aya--field--card-grid.html.twig ▪️ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-cards--three-across-grid.html.twig ▪️ field--paragraph--field-cards.html.twig ▪️ field--paragraph--three-across-grid.html.twig ▪️ field--field-cards.html.twig ▪️ field--entity-reference-revisions.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--aya--card-grid.html.twig' --> <div class="f--field f--card-grid"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ✅ paragraph--aya--component--card.html.twig ▪️ paragraph--aya--component.html.twig ▪️ paragraph--dp-pattern-lab--component.html.twig ▪️ paragraph--manual-card--default.html.twig ▪️ paragraph--manual-card.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> <article class="cc--component-container cc--card cards-33" aria-label="Alumni Leadership Directory" > <div class="c--component c--card"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--aya--image.html.twig ▪️ field--aya--field--image.html.twig ▪️ field--aya--field--image.html.twig ✅ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-image--manual-card.html.twig ▪️ field--paragraph--field-image.html.twig ▪️ field--paragraph--manual-card.html.twig ▪️ field--field-image.html.twig ▪️ field--entity-reference.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--image"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: ▪️ media--source-image.html.twig ▪️ media--image--16-9-teaser.html.twig ✅ media--image.html.twig ▪️ media--16-9-teaser.html.twig ▪️ media.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-image-file--image.html.twig ✅ field--media--field-image-file.html.twig ▪️ field--media--image.html.twig ▪️ field--field-image-file.html.twig ▪️ field--image.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <img loading="eager" srcset="/sites/default/files/styles/16_9_320x180/public/2019-06/EuroLeaderForum-2019_002-Group.jpeg?h=71976bb4&amp;itok=vSl0SSYb 1x" width="320" height="180" src="/sites/default/files/styles/16_9_320x180/public/2019-06/EuroLeaderForum-2019_002-Group.jpeg?h=71976bb4&amp;itok=vSl0SSYb" alt="Alumni leaders and university partners at the Yale European Leadership Forum in Paris, France" /> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> </div> </div> <!-- END OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--cta-title"> <h3 aria-level="1"> <a href="/alumni-leaders-directory">Alumni Leadership Directory</a> </h3> </div> </div><!-- c--component c--card --> </article><!-- cc--component-container cc--card --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ✅ paragraph--aya--component--card.html.twig ▪️ paragraph--aya--component.html.twig ▪️ paragraph--dp-pattern-lab--component.html.twig ▪️ paragraph--manual-card--default.html.twig ▪️ paragraph--manual-card.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> <article class="cc--component-container cc--card cards-33" aria-label="Volunteer Recognition" > <div class="c--component c--card"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--aya--image.html.twig ▪️ field--aya--field--image.html.twig ▪️ field--aya--field--image.html.twig ✅ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-image--manual-card.html.twig ▪️ field--paragraph--field-image.html.twig ▪️ field--paragraph--manual-card.html.twig ▪️ field--field-image.html.twig ▪️ field--entity-reference.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--image"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: ▪️ media--source-image.html.twig ▪️ media--image--16-9-teaser.html.twig ✅ media--image.html.twig ▪️ media--16-9-teaser.html.twig ▪️ media.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-image-file--image.html.twig ✅ field--media--field-image-file.html.twig ▪️ field--media--image.html.twig ▪️ field--field-image-file.html.twig ▪️ field--image.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <img loading="eager" srcset="/sites/default/files/styles/16_9_320x180/public/2020-01/2019-11-22-YDC_3993.jpg?h=f3a7c47f&amp;itok=qqPtxcnn 1x" width="320" height="180" src="/sites/default/files/styles/16_9_320x180/public/2020-01/2019-11-22-YDC_3993.jpg?h=f3a7c47f&amp;itok=qqPtxcnn" alt="The administrators of the Yale Alumni closed Facebook Group receive their awards at the 2019 YAA Assembly and Yale Alumni Fund Convocation." /> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> </div> </div> <!-- END OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--cta-title"> <h3 aria-level="1"> <a href="/volunteer/volunteer-recognition">Volunteer Recognition</a> </h3> </div> </div><!-- c--component c--card --> </article><!-- cc--component-container cc--card --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ✅ paragraph--aya--component--card.html.twig ▪️ paragraph--aya--component.html.twig ▪️ paragraph--dp-pattern-lab--component.html.twig ▪️ paragraph--manual-card--default.html.twig ▪️ paragraph--manual-card.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> <article class="cc--component-container cc--card cards-33" aria-label="Volunteer Toolkits for Alumni Leaders" > <div class="c--component c--card"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--aya--image.html.twig ▪️ field--aya--field--image.html.twig ▪️ field--aya--field--image.html.twig ✅ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-image--manual-card.html.twig ▪️ field--paragraph--field-image.html.twig ▪️ field--paragraph--manual-card.html.twig ▪️ field--field-image.html.twig ▪️ field--entity-reference.html.twig ▪️ field.html.twig --> <!-- BEGIN OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--image"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: ▪️ media--source-image.html.twig ▪️ media--image--16-9-teaser.html.twig ✅ media--image.html.twig ▪️ media--16-9-teaser.html.twig ▪️ media.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--media--field-image-file--image.html.twig ✅ field--media--field-image-file.html.twig ▪️ field--media--image.html.twig ▪️ field--field-image-file.html.twig ▪️ field--image.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image_formatter' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'responsive_image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <img loading="eager" srcset="/sites/default/files/styles/16_9_320x180/public/2021-11/YSN%20Yale%20Day%20of%20Service-41.jpg?h=8bdd8e6e&amp;itok=duxlgtre 1x" width="320" height="180" src="/sites/default/files/styles/16_9_320x180/public/2021-11/YSN%20Yale%20Day%20of%20Service-41.jpg?h=8bdd8e6e&amp;itok=duxlgtre" alt="YSN Day of Service Volunteers" /> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> </div> </div> <!-- END OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--cta-title"> <h3 aria-level="1"> <a href="/volunteer/toolkits-volunteers">Volunteer Toolkits for Alumni Leaders</a> </h3> </div> </div><!-- c--component c--card --> </article><!-- cc--component-container cc--card --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--card.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--aya--card-grid.html.twig' --> </div><!-- c--component c--card-grid --> </section><!-- cc--component-container cc--card-grid --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component.html.twig' --> <div class="cc-component-container cc--scroll-up"> <div class="c--component c--scroll-up"> <button type="button" class="scrollup-button"> <p>Back to Top</p> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 15 22.8" enable-background="new 0 0 15 22.8" xml:space="preserve"> <path fill="#00356B" d="M6.4,3.7L1.3,8.8L0,7.5L7.5,0L15,7.5l-1.3,1.3L8.4,3.5v19.3h-2V3.7z"/> </svg> </button> </div> </div> </div> </div> </div> </div><!-- t--template t--chaptered-page --> </div><!-- tc--template-container tc--chaptered-page --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/node--aya--template--chaptered-page.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/layout/region.html.twig' --> </div> </main> <a id="skip-footer" tabindex="-1"></a> <div class="cc--component-container cc--footer"> <div class="c--component c--footer"> <footer id="l--main-footer" class="site-footer"> <h2 class="visually-hidden">Site Footer</h2> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ✅ region--footer.html.twig ▪️ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/layout/region--footer.html.twig' --> <div class="region region-footer r--region r--footer"> <section class="cc-component-container cc--footer"> <div class="c--component c--footer"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--footer.html.twig ▪️ block--system-menu-block--footer.html.twig ▪️ block--system-menu-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--footer.html.twig' --> <section id="block-footer" class="block block-system block-system-menu-blockfooter cc--component-container cc--footer-menu"> <div class="c--component c--footer-menu"> <nav class="mc--menu mc--footer"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__footer' --> <!-- FILE NAME SUGGESTIONS: ✅ menu--footer.html.twig ✅ menu--footer.html.twig ▪️ menu.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/navigation/menu--footer.html.twig' --> <ul class="menu m--menu m--footer"> <li class="menu-item"> <a href="/visit-campus" title="Visit Campus" data-drupal-link-system-path="node/89">Visit Campus</a> </li> <li class="menu-item"> <a href="https://yale.edu/give">Give to Yale</a> </li> <li class="menu-item"> <a href="/contact-us" title="Contact Us" data-drupal-link-system-path="node/90">Contact Us</a> </li> <li class="menu-item"> <a href="/yale-alumni-help-center" title="Yale Alumni Help Center" data-drupal-link-system-path="node/91">Help Center</a> </li> </ul> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/navigation/menu--footer.html.twig' --> </nav> </div> </section> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--footer.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--footerbranding.html.twig ▪️ block--block-content--15c0c248-8930-419e-a666-eae7dd358bf4.html.twig ▪️ block--block-content--id-view--footerbranding--full.html.twig ▪️ block--block-content--id--footerbranding.html.twig ▪️ block--block-content--view-type--markup--full.html.twig ▪️ block--block-content--type--markup.html.twig ▪️ block--block-content--view--full.html.twig ▪️ block--block-content.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--footerbranding.html.twig' --> <div class="components-wrapper"> <section class="components-branding-contact-footer"> <div id="block-footerbranding" class="block block-block-content block-block-content15c0c248-8930-419e-a666-eae7dd358bf4 cc--component-container cc--branding-footer"> <div class="c--component c--branding-footer"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ✅ field--block-content--body--markup.html.twig ▪️ field--block-content--body.html.twig ▪️ field--block-content--markup.html.twig ▪️ field--body.html.twig ▪️ field--text-with-summary.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--block-content--body--markup.html.twig' --> <div class="branding-footer-container"><svg enable-background="new 0 0 200 29.4" version="1.1" viewbox="0 0 200 29.4" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"> <title>Yale Alumni Logo</title> <path d="M49.8,27.9c-1.7-0.1-2.5-0.4-2.9-1.3V2.2l1.2-1.5L47.9,0l-7.6,1.9v0.8 C43.1,3,43.3,3.6,43.3,5v21.6c-0.3,0.7-0.9,1.1-2.8,1.3v1h9.3V27.9z M112.5,27.9c-1.7-0.1-2.5-0.4-2.9-1.3V2.2l1.2-1.5L110.6,0 l-7.6,1.9v0.8C105.8,3,106,3.6,106,5v21.6c-0.4,0.8-0.8,1.1-2.4,1.3v1h8.9V27.9z M197.6,3.7c0-1.1-1-2.3-2.3-2.3 c-1.4,0-2.4,1.2-2.4,2.3c0,1,1,2.2,2.4,2.2C196.6,5.9,197.6,4.8,197.6,3.7L197.6,3.7z M102.7,27.9c-1.4-0.1-2.7-0.5-3.1-1.9 c-1.3-3.5-2.3-6.4-3.3-9.3c-1.2-3.5-2.3-7-3.7-11.4C92.2,3.8,92.1,3.3,92,2h-4.3c-0.1,0.8,0,1.3-0.5,2.8c-1,2.9-2.6,7.4-4.3,12.1 c-1.3,3.3-2.6,6.8-3.8,9.5c-0.9,1.1-2,1.4-3.8,1.5v1.1h10.6v-1.1c-1.9-0.1-3.6-0.8-4.1-1.9l2.9-8.1h8.2l3,8.6c-0.4,0.9-2,1.3-4,1.3 v1.1h11.1V27.9z M27.3,2.3h-10v1.1c2.2,0.1,3.1,0.6,3.8,1.1l-6.4,11.2L8.2,4.4c0.6-0.5,1.3-0.9,3.5-1l0-1.1H0l0,1.1 c2.3,0.2,3.5,0.8,4.7,2.8l7,11.9v8.1c-0.6,1.3-3,1.5-4.9,1.6v1.1h13.5v-1.1c-1.9-0.1-3.9-0.3-4.7-2.2v-7.8l6.9-11.6 c1.1-1.9,2.6-2.7,4.8-2.8V2.3z M85.1,16l3-8.6l0.6-2.3h0.1l0.6,2.3l2.7,8.6H85.1z M200,27.8c-2.1-0.2-2.3-0.4-2.8-1.3V10.8h-0.5 l-5.7,2v0.8c2.1,0.5,2.7,1.3,2.7,2.3v10.8c-0.4,0.7-0.8,1.1-2.8,1.3v1h9.1V27.8z M189.9,27.7c-1.9-0.2-2.7-0.2-3.5-0.8V16.6 c0-3.4-1.1-5.7-4.8-5.7c-1.5,0-4.5,1.5-6.4,2.9v-3h-0.6l-5.5,2v0.8c2,0.5,2.6,1.5,2.6,2.3v10.7c-0.4,0.7-0.7,1.1-2.7,1.3v1h9v-1 c-2.1-0.2-2.3-0.4-2.8-1.3V14.7c1.1-0.7,2.8-1.3,3.9-1.3c2.1,0,3.6,1.9,3.6,4.2v9c-0.3,0.7-0.5,1.1-2.5,1.3v1h9.7V27.7z M40.2,25.6 c-0.8,0.8-1.5,1.2-2.1,1.2c-0.8,0-1.8-0.4-1.7-2.1l0.1-8.8c0-3.1-1.3-5.1-5.1-5.1c-2,0-6.1,1.5-7.4,5.2v0.4l3.8-0.6 c0.1-2.1,1.2-3.5,2.3-3.5c1.9,0,2.8,1.8,2.8,3.7v3.1l-8.3,3c-0.6,1-0.9,2.2-0.9,3.3c0,2.4,1.9,3.8,4.2,3.8c1.8,0,3.6-1.1,5-2.6 c0.1,1.1,1.2,2.6,3.4,2.6c1.5,0,3.1-1.3,4-2.4V25.6z M134.5,26.4l-2.8,0.5c-0.4-0.2-0.8-0.8-0.8-1.6V10.8h-0.6l-6.3,1.1v0.9 c2.8,0.3,3.4,0.8,3.4,2.4v10.3c-1.2,0.6-2.4,1.3-3.9,1.3c-2.4,0-3.6-1.9-3.6-4l0-12.1h-0.6l-5.7,1.1v0.9c2,0.5,2.7,1,2.7,2.4v8.4 c0,3.3,1,5.6,4.7,5.6c1.6,0,4.5-1.5,6.3-2.8l0.2,2.8h0.6l6.3-2V26.4z M142.2,10.8h-0.6l-5.9,2v0.8c1.8,0.5,3,1.5,3,2.3v10.7 c-0.4,0.7-1.3,1.1-3.3,1.3v1h9.5v-1c-2-0.2-2.3-0.4-2.7-1.3V14.8c1.1-0.7,2.8-1.4,3.9-1.4c2.1,0,3.6,2,3.6,4.2v9 c-0.3,0.7-0.5,1.1-2.5,1.3v1h8.7v-1c-1.9-0.1-2.3-0.6-2.6-1.3v-10c0-0.6,0-1.2-0.1-1.8c1.2-0.7,3.1-1.4,4.1-1.4c2.1,0,3.5,2,3.5,4.2 l0.1,9c-0.3,0.7-0.5,1.1-2.5,1.3v1c0.6,0,3.3-0.1,4.3-0.1c1.6,0,4.4,0,5.3,0.1v-1c-1.8-0.2-2.6-0.3-3.5-1l-0.1-10.3 c0-3.4-1.4-5.7-4.6-5.7c-1.5,0-4.9,1.8-6.8,3.2c-0.5-2-1.8-3.2-4.4-3.2c-1.5,0-4.5,1.5-6.4,2.9V10.8z M67,24.6 c-1.7,1.4-2.8,2.2-4.9,2.2c-3.5,0-6.2-2.8-6.2-7.1c0-0.9,0-1.7,0.1-2.1l11.3,0.1v-0.8c0-3.7-2.3-6.1-6.4-6.1c-5.1,0-8.8,4-8.8,10 c0,4.8,3.4,8.3,7.8,8.3c3.4,0,5.4-1.4,7.8-3.6L67,24.6z M56.2,16.5c0.5-2.6,2-4.3,4-4.3c1.9,0,3.3,2,3.3,4.2L56.2,16.5z M32.7,25.8 c-1.1,0.9-1.8,1.3-3.1,1.3c-1.4,0-2.1-1.3-2.1-2.5c0-0.9,0.1-1.5,0.3-2.2c1.2-0.6,3.8-1.8,4.9-2.3L32.7,25.8z" fill="#1C3968"></path> </svg></div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--block-content--body--markup.html.twig' --> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--footerbranding.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--footercontact.html.twig ▪️ block--block-content--6c60f82d-8459-4690-b9ae-6915746e4214.html.twig ▪️ block--block-content--id-view--footercontact--full.html.twig ▪️ block--block-content--id--footercontact.html.twig ▪️ block--block-content--view-type--markup--full.html.twig ▪️ block--block-content--type--markup.html.twig ▪️ block--block-content--view--full.html.twig ▪️ block--block-content.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--footercontact.html.twig' --> <div id="block-footercontact" class="block block-block-content block-block-content6c60f82d-8459-4690-b9ae-6915746e4214 cc--component-container cc--footer-contact"> <div class="c--component c--footer-contact"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ✅ field--block-content--body--markup.html.twig ▪️ field--block-content--body.html.twig ▪️ field--block-content--markup.html.twig ▪️ field--body.html.twig ▪️ field--text-with-summary.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--block-content--body--markup.html.twig' --> <div class="footer-contact-container"> <p>PO Box 209010 New Haven, CT 06520-9010</p> <p>(203) 432-2586</p> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--block-content--body--markup.html.twig' --> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--footercontact.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--footersocial.html.twig ▪️ block--block-content--ea8bdcc9-646e-4d36-a7b1-0caee57dde23.html.twig ▪️ block--block-content--id-view--footersocial--full.html.twig ▪️ block--block-content--id--footersocial.html.twig ▪️ block--block-content--view-type--markup--full.html.twig ▪️ block--block-content--type--markup.html.twig ▪️ block--block-content--view--full.html.twig ▪️ block--block-content.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--footersocial.html.twig' --> </section> <section class="components-footer-social-utility-copyright"> <div id="block-footersocial" class="block block-block-content block-block-contentea8bdcc9-646e-4d36-a7b1-0caee57dde23 cc--component-container cc--footer-social"> <div class="c--component c--footer-social"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ✅ field--block-content--body--markup.html.twig ▪️ field--block-content--body.html.twig ▪️ field--block-content--markup.html.twig ▪️ field--body.html.twig ▪️ field--text-with-summary.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--block-content--body--markup.html.twig' --> <div class="footer-social-container"> <ul class="footer-social-list" role="menu"> <li role="menuitem"><a class="footer-social-button" href="https://www.facebook.com/yalealumniassociation" target="_blank">Facebook <svg enable-background="new 0 0 19 19" version="1.1" viewbox="0 0 19 19" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"> <path d="M18,0H1.1C0.5,0,0,0.5,0,1.1V18c0,0.6,0.5,1,1.1,1h9.1v-7.3H7.7V8.8h2.5V6.7 c0-2.5,1.5-3.8,3.7-3.8c0.7,0,1.5,0,2.2,0.1v2.6h-1.5c-1.2,0-1.4,0.6-1.4,1.4v1.8H16l-0.4,2.9h-2.5V19H18c0.6,0,1-0.5,1-1V1.1 C19,0.5,18.5,0,18,0z"></path> </svg> </a></li> <li role="menuitem"><a class="footer-social-button" href="https://twitter.com/YaleAlumni" target="_blank">Twitter <svg enable-background="new 0 0 23 18.9" version="1.1" viewbox="0 0 23 18.9" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"> <path d="M23,2.2c-0.8,0.3-1.7,0.6-2.7,0.8c0.9-0.6,1.7-1.6,2-2.7c-0.9,0.5-1.9,0.9-3,1.1 c-0.8-0.8-2-1.4-3.5-1.4c-2.7,0-4.7,2-4.7,4.7c0,0.3,0,0.8,0.2,1.1c-3.9-0.2-7.4-2-9.8-5C1.3,1.6,0.9,2.4,0.9,3.3 c0,1.6,0.8,3.2,2,3.9c-0.8,0-1.6-0.3-2.2-0.6l0,0c0,2.4,1.6,4.3,3.8,4.6c-0.3,0.2-0.6,0.3-1.1,0.3c-0.3,0-0.6,0-0.9,0 c0.6,1.9,2.4,3.2,4.4,3.3c-1.6,1.3-3.6,2-5.8,2c-0.5,0-0.8,0-1.1,0c2,1.4,4.6,2,7.2,2c8.7,0,13.4-7.2,13.4-13.4c0-0.2,0-0.5,0-0.6 C21.6,3.9,22.4,3.2,23,2.2"></path> </svg> </a></li> <li role="menuitem"><a class="footer-social-button" href="https://www.instagram.com/yalealumni/" target="_blank">Instagram <svg enable-background="new 0 0 19 19.1" version="1.1" viewbox="0 0 19 19.1" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"> <path d="M9.5,0C6.9,0,6.6,0,5.6,0.1c-1,0-1.7,0.2-2.3,0.4C2.7,0.7,2.1,1.1,1.6,1.6S0.7,2.7,0.5,3.3 C0.3,3.9,0.1,4.6,0.1,5.6C0,6.6,0,6.9,0,9.5s0,2.9,0.1,3.9c0,1,0.2,1.7,0.4,2.3c0.2,0.6,0.6,1.2,1.1,1.7c0.5,0.5,1.1,0.9,1.7,1.1 c0.6,0.2,1.3,0.4,2.3,0.4c1,0,1.3,0.1,3.9,0.1s2.9,0,3.9-0.1c1,0,1.7-0.2,2.3-0.4c0.6-0.2,1.2-0.6,1.7-1.1c0.5-0.5,0.9-1.1,1.1-1.7 c0.2-0.6,0.4-1.3,0.4-2.3c0-1,0.1-1.3,0.1-3.9s0-2.9-0.1-3.9c0-1-0.2-1.7-0.4-2.3c-0.2-0.6-0.6-1.2-1.1-1.7 c-0.5-0.5-1.1-0.9-1.7-1.1c-0.6-0.2-1.3-0.4-2.3-0.4C12.4,0,12.1,0,9.5,0 M9.5,1.7c2.5,0,2.8,0,3.8,0.1c0.9,0,1.4,0.2,1.8,0.3 c0.4,0.2,0.8,0.4,1.1,0.7c0.3,0.3,0.5,0.7,0.7,1.1c0.1,0.3,0.3,0.8,0.3,1.8c0,1,0.1,1.3,0.1,3.9c0,2.5,0,2.8-0.1,3.8 c0,0.9-0.2,1.4-0.3,1.8c-0.2,0.4-0.4,0.8-0.7,1.1c-0.3,0.3-0.6,0.5-1.1,0.7c-0.3,0.1-0.8,0.3-1.8,0.3c-1,0-1.3,0.1-3.8,0.1 s-2.8,0-3.8-0.1c-0.9,0-1.4-0.2-1.8-0.3c-0.4-0.2-0.8-0.4-1.1-0.7c-0.3-0.3-0.5-0.7-0.7-1.1c-0.1-0.3-0.3-0.8-0.3-1.8 c0-1-0.1-1.3-0.1-3.8c0-2.5,0-2.8,0.1-3.9c0-0.9,0.2-1.4,0.3-1.8c0.2-0.4,0.4-0.8,0.7-1.1c0.3-0.3,0.6-0.5,1.1-0.7 C4.2,2,4.7,1.8,5.7,1.8C6.7,1.7,7,1.7,9.5,1.7 M9.5,12.7c-1.7,0-3.2-1.4-3.2-3.2c0-1.8,1.4-3.2,3.2-3.2s3.2,1.4,3.2,3.2 C12.7,11.3,11.2,12.7,9.5,12.7 M9.5,4.6c-2.7,0-4.9,2.2-4.9,4.9s2.2,4.9,4.9,4.9s4.9-2.2,4.9-4.9S12.2,4.6,9.5,4.6 M15.7,4.4 c0,0.6-0.5,1.1-1.1,1.1c-0.6,0-1.1-0.5-1.1-1.1c0-0.6,0.5-1.1,1.1-1.1C15.2,3.3,15.7,3.8,15.7,4.4"></path> </svg> </a></li> <li role="menuitem"><a class="footer-social-button" href="https://www.youtube.com/channel/UCiXF4iwr9N8y05DjUsu-3jw" target="_blank">YouTube <svg enable-background="new 0 0 27 18.6" version="1.1" viewbox="0 0 27 18.6" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"> <path d="M26.7,4c0,0-0.3-1.8-1.1-2.6c-1-1.1-2.2-1.1-2.7-1.1C19.2,0,13.5,0,13.5,0h0 c0,0-5.7,0-9.4,0.3C3.5,0.3,2.4,0.3,1.3,1.4C0.5,2.2,0.3,4,0.3,4S0,6.1,0,8.3v2c0,2.1,0.3,4.3,0.3,4.3s0.3,1.8,1.1,2.6 c1,1.1,2.4,1,3,1.1c2.2,0.2,9.2,0.3,9.2,0.3s5.7,0,9.5-0.3c0.5-0.1,1.7-0.1,2.7-1.1c0.8-0.8,1.1-2.6,1.1-2.6s0.3-2.1,0.3-4.3v-2 C27,6.1,26.7,4,26.7,4z M10.7,13V5.5l7.2,3.6L10.7,13z"></path> </svg> </a></li> </ul> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--block-content--body--markup.html.twig' --> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--footersocial.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--footerutility.html.twig ▪️ block--system-menu-block--footer-utility.html.twig ▪️ block--system-menu-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--footerutility.html.twig' --> <section id="block-footerutility" class="block block-system block-system-menu-blockfooter-utility cc--component-container cc--footer-utility"> <div class="c--component c--footer-utility"> <nav class="mc--menu mc--footer-utility"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__footer_utility' --> <!-- FILE NAME SUGGESTIONS: ✅ menu--footer-utility.html.twig ✅ menu--footer-utility.html.twig ▪️ menu.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/navigation/menu--footer-utility.html.twig' --> <ul class="menu m--menu m--footer-utility"> <li class="menu-item"> <a href="/your-association" data-drupal-link-system-path="node/157">About</a> </li> <li class="menu-item"> <a href="/yale-alumni-help-center" data-drupal-link-system-path="node/91">Help Center</a> </li> <li class="menu-item"> <a href="https://usability.yale.edu/web-accessibility/accessibility-yale" title="Accessibility">Accessibility</a> </li> <li class="menu-item"> <a href="/privacy" data-drupal-link-system-path="node/93">Privacy</a> </li> </ul> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/navigation/menu--footer-utility.html.twig' --> </nav> <p class="footer-copyright">© 2024 Yale Alumni Association</p> </div> </section> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--footerutility.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--footerexternallinks.html.twig ▪️ block--system-menu-block--footer-external-links.html.twig ▪️ block--system-menu-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--footerexternallinks.html.twig' --> </section> </div> <section id="block-footerexternallinks" class="block block-system block-system-menu-blockfooter-external-links cc--component-container cc--footer-external-links"> <div class="c--component c--footer-external-links"> <nav class="mc--menu mc--footer-external"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__footer_external_links' --> <!-- FILE NAME SUGGESTIONS: ✅ menu--footer-external-links.html.twig ✅ menu--footer-external-links.html.twig ▪️ menu.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/navigation/menu--footer-external-links.html.twig' --> <ul class="menu m--menu m--footer-external"> <li class="menu-item"> <a href="https://yale.edu">Yale University</a> </li> <li class="menu-item"> <a href="http://yalebulldogs.com/">Yale Athletics</a> </li> <li class="menu-item"> <a href="https://news.yale.edu/">YaleNews</a> </li> <li class="menu-item"> <a href="https://yalealumnimagazine.com/">Yale Alumni Magazine</a> </li> </ul> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/navigation/menu--footer-external-links.html.twig' --> </nav> </div> </section> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--footerexternallinks.html.twig' --> </div> </section> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/layout/region--footer.html.twig' --> </footer> </div> </div> </div> <a href="#top" class="visually-hidden focusable skip-link"> Jump to top of page </a> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/layout/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\/9453","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"google_analytics":{"account":"G-WR25QC7JD6","trackOutbound":true,"trackMailto":true,"trackTel":true,"trackDownload":true,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc(x|m)?|dot(x|m)?|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt(x|m)?|pot(x|m)?|pps(x|m)?|ppam|sld(x|m)?|thmx|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls(x|m|b)?|xlt(x|m)|xlam|xml|z|zip"},"data":{"extlink":{"extTarget":true,"extTargetNoOverride":true,"extNofollow":false,"extNoreferrer":false,"extFollowNoOverride":false,"extClass":"0","extLabel":"(link is external)","extImgClass":false,"extSubdomains":false,"extExclude":"^(www\\.)?(alumni\\.yale\\.edu)","extInclude":"\\.pdf\\??","extCssExclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","mailtoClass":"0","mailtoLabel":"(link sends email)","extUseFontAwesome":false,"extIconPlacement":"append","extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","whitelistedDomains":null}},"user":{"uid":0,"permissionsHash":"21996d62a4a26c92ff2cb2cd45280a86001b8e09bd911624380c6b565969ee44"}}</script> <script src="/sites/default/files/js/js_zbpzs_50hqY4UEJXlOy254GDi57ri_4Fj-BCmKl3dfo.js?scope=footer&amp;delta=0&amp;language=en&amp;theme=aya&amp;include=eJxd0FuOwzAIBdANpc2SrOtHElQCFibpZPcT2VU_-sdBCF1Azq6Qa8aneC6m4lOuocK9mARGnGPZcJJaC1HVmxvqtKquXAIEfDmlNv82JlyYV9YIfrRkVH203hv8QVIP7wTz1YtWYGkLi9revYMk7EWOIY10b_-6Me1BcHaQFBvbal6Cw9biITLkNWbJC-3V9CzDjmUJTKCmMpU_Z5LXnO2o4OeHI1tKaplURvL7CmU-akfaUO8Hldwz_QO1y3_e"></script> <script src="https://static.addtoany.com/menu/page.js" async></script> <script src="/sites/default/files/js/js_kzm9vtNDT5VM_xRjDMYNfYvX7C8RkjXNl1wH3SQV-h4.js?scope=footer&amp;delta=2&amp;language=en&amp;theme=aya&amp;include=eJxd0FuOwzAIBdANpc2SrOtHElQCFibpZPcT2VU_-sdBCF1Azq6Qa8aneC6m4lOuocK9mARGnGPZcJJaC1HVmxvqtKquXAIEfDmlNv82JlyYV9YIfrRkVH203hv8QVIP7wTz1YtWYGkLi9revYMk7EWOIY10b_-6Me1BcHaQFBvbal6Cw9biITLkNWbJC-3V9CzDjmUJTKCmMpU_Z5LXnO2o4OeHI1tKaplURvL7CmU-akfaUO8Hldwz_QO1y3_e"></script> </body> </html> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/layout/html.html.twig' -->

Pages: 1 2 3 4 5 6 7 8 9 10