CINXE.COM
Volunteer | Yale Alumni Association
<!-- THEME DEBUG --> <!-- THEME HOOK: 'html' --> <!-- FILE NAME SUGGESTIONS: ▪️ html--node--9676.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="Assembly, Get Involved, Leadership, Volunteer" /> <link rel="canonical" href="https://alumni.yale.edu/volunteer" /> <meta property="og:url" content="https://alumni.yale.edu/volunteer" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="Volunteer" /> <meta name="twitter:url" content="https://alumni.yale.edu/volunteer" /> <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>Volunteer | Yale Alumni Association</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_eAkAaTlGFwvRoO3OwNvxC0uE8q8Y3IrXLPiaY_WhrvA.css?delta=0&language=en&theme=aya&include=eJxFyVEOwyAMA9ALUTiTERmtloUoCdK4faup275sP6O1GJBVcJf8sCGRfHnQq1Q4JSwURQSZbIy6eSw-pH-886jgH9E7rnyWZlPB-Z5JYegG3f37_CVP0Vn58J3aCWQtN3I" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_NDP6XWFMOZjU4Mb15rjc8AGFWs3df09zoAFU7Di-II4.css?delta=1&language=en&theme=aya&include=eJxFyVEOwyAMA9ALUTiTERmtloUoCdK4faup275sP6O1GJBVcJf8sCGRfHnQq1Q4JSwURQSZbIy6eSw-pH-886jgH9E7rnyWZlPB-Z5JYegG3f37_CVP0Vn58J3aCWQtN3I" /> <link rel="stylesheet" media="print" href="/sites/default/files/css/css_zEQzLm1rK01OTMZjyzgjf7-TbdhHg7l9dEsILynZLEE.css?delta=2&language=en&theme=aya&include=eJxFyVEOwyAMA9ALUTiTERmtloUoCdK4faup275sP6O1GJBVcJf8sCGRfHnQq1Q4JSwURQSZbIy6eSw-pH-886jgH9E7rnyWZlPB-Z5JYegG3f37_CVP0Vn58J3aCWQtN3I" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_rR2V1HHjlBKlqNAovVvBBhRWzlg8zZc_EDVtnujO4og.css?delta=3&language=en&theme=aya&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--9676.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 & 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 & Alumni Fund Convocation">Assembly & 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 & Professional Schools" data-drupal-link-query="{"field_group_type_target_id":"444"}">Search Graduate & Professional Schools</a> </li> <li class="menu-item"> <a href="/groups?field_group_type_target_id=100&geolocation_geocoder_google_geocoding_api_state=1&field_chapter_coordinates_proximity=100" title="Interest Groups" data-drupal-link-query="{"field_chapter_coordinates_proximity":"100","field_group_type_target_id":"100","geolocation_geocoder_google_geocoding_api_state":"1"}">Search Interest Groups</a> </li> <li class="menu-item"> <a href="/groups?field_group_type_target_id=96&geolocation_geocoder_google_geocoding_api_state=1&field_chapter_coordinates_proximity=100" title="Regional Clubs" data-drupal-link-query="{"field_chapter_coordinates_proximity":"100","field_group_type_target_id":"96","geolocation_geocoder_google_geocoding_api_state":"1"}">Search Regional Clubs</a> </li> <li class="menu-item"> <a href="/groups?field_group_type_target_id=98&geolocation_geocoder_google_geocoding_api_state=1&field_chapter_coordinates_proximity=100" title="Yale College Classes" data-drupal-link-query="{"field_chapter_coordinates_proximity":"100","field_group_type_target_id":"98","geolocation_geocoder_google_geocoding_api_state":"1"}">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 & 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" class="is-active" aria-current="page">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"> <a href="/volunteer/get-involved" data-drupal-link-system-path="node/9453">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&gid=2&pgid=94&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 & 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 & Alumni Fund Convocation">Assembly & 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 & Professional Schools" data-drupal-link-query="{"field_group_type_target_id":"444"}">Search Graduate & Professional Schools</a> </li> <li class="menu-item"> <a href="/groups?field_group_type_target_id=100&geolocation_geocoder_google_geocoding_api_state=1&field_chapter_coordinates_proximity=100" title="Interest Groups" data-drupal-link-query="{"field_chapter_coordinates_proximity":"100","field_group_type_target_id":"100","geolocation_geocoder_google_geocoding_api_state":"1"}">Search Interest Groups</a> </li> <li class="menu-item"> <a href="/groups?field_group_type_target_id=96&geolocation_geocoder_google_geocoding_api_state=1&field_chapter_coordinates_proximity=100" title="Regional Clubs" data-drupal-link-query="{"field_chapter_coordinates_proximity":"100","field_group_type_target_id":"96","geolocation_geocoder_google_geocoding_api_state":"1"}">Search Regional Clubs</a> </li> <li class="menu-item"> <a href="/groups?field_group_type_target_id=98&geolocation_geocoder_google_geocoding_api_state=1&field_chapter_coordinates_proximity=100" title="Yale College Classes" data-drupal-link-query="{"field_chapter_coordinates_proximity":"100","field_group_type_target_id":"98","geolocation_geocoder_google_geocoding_api_state":"1"}">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 & 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" class="is-active" aria-current="page">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"> <a href="/volunteer/get-involved" data-drupal-link-system-path="node/9453">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&gid=2&pgid=94&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--9676--full.html.twig ▪️ node--9676.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">Volunteer</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…</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="#get-involved"> Get Involved </a> </li> <li class="menu-item" aria-expanded="false" aria-haspopup="true"> <a href="#service-to-community"> Service to Community </a> </li> <li class="menu-item" aria-expanded="false" aria-haspopup="true"> <a href="#toolkits-for-volunteers"> Toolkits for Volunteers </a> </li> <li class="menu-item" aria-expanded="false" aria-haspopup="true"> <a href="#alumni-leadership"> Alumni Leadership </a> </li> <li class="menu-item" aria-expanded="false" aria-haspopup="true"> <a href="#volunteer-recognition"> Volunteer Recognition </a> </li> </ul><!-- m--menu --> </nav> </div> </div> </aside> <div class="chaptered-page-main content-main"> <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/2019-05/2019_05_11%20Yale%20Alumni%20Day%20of%20Service%20Old%20Campus_Lavitt_11.jpg?h=c63721b7&itok=zbKIiAlE 320w, /sites/default/files/styles/16_9_960x540/public/2019-05/2019_05_11%20Yale%20Alumni%20Day%20of%20Service%20Old%20Campus_Lavitt_11.jpg?h=c63721b7&itok=8LR_L-KB 960w, /sites/default/files/styles/16_9_1600x900/public/2019-05/2019_05_11%20Yale%20Alumni%20Day%20of%20Service%20Old%20Campus_Lavitt_11.jpg?h=c63721b7&itok=4_mMUYsr 1600w" sizes="100vw" width="960" height="540" src="/sites/default/files/styles/16_9_1600x900/public/2019-05/2019_05_11%20Yale%20Alumni%20Day%20of%20Service%20Old%20Campus_Lavitt_11.jpg?h=c63721b7&itok=4_mMUYsr" 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>Volunteers from the Urban Resources Initiative on Old Campus during a Day of Service event in 2019.</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> <div class="leftnav-section" id="get-involved"> <!-- 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="Get Involved" > <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">Get Involved</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><img alt="Yale Day of Service event" data-entity-type="file" data-entity-uuid="eef54605-b9c2-4a61-850c-6622ef247c80" src="/sites/default/files/inline-images/Yale%20on%20Pallet%20Tata%21_0_0.jpg" class="align-right" width="3598" height="2367">So many reasons to give back, and so many ways to do it! Share your time and talent with Yale by leading alumni organizations, volunteering to become a mentor, interviewing applicants as part of the Alumni Schools Committee, committing to be a Yale Day of Service organizer, or one of our many other opportunities to give back. </p> <p><a href="/volunteer/get-involved">Explore your options, all collected in one convenient location</a>.</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 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="service-to-community"> <!-- 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="Service to Community" > <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">Service to Community</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"> </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 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"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ✅ paragraph--aya--component--full-split-cta.html.twig ▪️ paragraph--aya--component.html.twig ▪️ paragraph--dp-pattern-lab--component.html.twig ▪️ paragraph--full-split-cta--default.html.twig ▪️ paragraph--full-split-cta.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--full-split-cta.html.twig' --> <section class="cc--component-container cc--full-split-cta" aria-label="Yale Day of Service & Yale Alumni Service Corps" > <div class="c--component c--full-split-cta"> <div class="text-container"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ✅ field--aya--cta-title.html.twig ▪️ field--aya--field--cta-title.html.twig ▪️ field--aya--field--cta-title.html.twig ▪️ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-title--full-split-cta.html.twig ▪️ field--paragraph--field-title.html.twig ▪️ field--paragraph--full-split-cta.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--cta-title.html.twig' --> <div class="f--field f--cta-title"> <h3 aria-level="1" class="field__item">Yale Day of Service & Yale Alumni Service Corps</h3> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--aya--cta-title.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ✅ field--aya--description.html.twig ▪️ field--aya--field--description.html.twig ▪️ field--aya--field--description.html.twig ▪️ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-description--full-split-cta.html.twig ▪️ field--paragraph--field-description.html.twig ▪️ field--paragraph--full-split-cta.html.twig ▪️ field--field-description.html.twig ▪️ field--text-long.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--aya--description.html.twig' --> <div class="f--field f--description"> <p>From one-day service projects to more sustained engagements both locally and abroad, Yale alumni continue the tradition of service that has been a hallmark of the campus experience for generations.</p> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--aya--description.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ✅ field--aya--button-link.html.twig ▪️ field--aya--field--button-link.html.twig ▪️ field--aya--field--button-link.html.twig ▪️ field--dp-pattern-lab--field.html.twig ▪️ field--paragraph--field-link--full-split-cta.html.twig ▪️ field--paragraph--field-link.html.twig ▪️ field--paragraph--full-split-cta.html.twig ▪️ field--field-link.html.twig ▪️ field--link.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--aya--button-link.html.twig' --> <div class="f--field f--button-link"> <a href="/volunteer/service-community" class="button">Explore</a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--aya--button-link.html.twig' --> </div> <!-- 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--full-split-cta.html.twig ▪️ field--paragraph--field-image.html.twig ▪️ field--paragraph--full-split-cta.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--3-4-teaser.html.twig ✅ media--image.html.twig ▪️ media--3-4-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/3_4_300x400/public/2021-12/YDOS%20-%2020190511_092620.jpg?h=9dab5314&itok=oneovzgY 1x" width="300" height="400" src="/sites/default/files/styles/3_4_300x400/public/2021-12/YDOS%20-%2020190511_092620.jpg?h=9dab5314&itok=oneovzgY" alt="Alumni help out at a Yale Day of Service 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><!-- c--component c--full-split-cta --> </section><!-- cc--component-container cc--full-split-cta --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--full-split-cta.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="toolkits-for-volunteers"> <!-- 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="Toolkits for Volunteers" > <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">Toolkits for Volunteers</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>Supporting volunteers is what we do. We've assembled best practices, guidelines, and how-tos related to leading organizations, planning events, and communicating with your audiences. </p> <p><a href="/volunteer/toolkits-volunteers">And they're all available for you.</a></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 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="alumni-leadership"> <!-- 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="Alumni Leadership" > <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">Alumni Leadership</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="Assembly and Convocation" > <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&itok=8hPQAi8x 1x" width="320" height="180" src="/sites/default/files/styles/16_9_320x180/public/2018-11/Assembly4.jpg?h=a1e1a043&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="/volunteer-alumni-leadership/yaa-assembly-yale-alumni-fund-convocation">Assembly and Convocation</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="Meet Our 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/2018-10/aya_bog_-_april_2018.jpg?h=9dad0a6b&itok=pnWja-73 1x" width="320" height="180" src="/sites/default/files/styles/16_9_320x180/public/2018-10/aya_bog_-_april_2018.jpg?h=9dad0a6b&itok=pnWja-73" alt="Group photo of the YAA Board of Governors" /> <!-- 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">Meet Our 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' --> <!-- 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 Board of Governors" > <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-09/2019_09_14%20YAA%20Board%20Banner_3595_6_Lavitt.jpg?h=9c65df7e&itok=6ag2YcXr 1x" width="320" height="180" src="/sites/default/files/styles/16_9_320x180/public/2019-09/2019_09_14%20YAA%20Board%20Banner_3595_6_Lavitt.jpg?h=9c65df7e&itok=6ag2YcXr" alt="The members of the 2019-20 Yale Alumni Association Board of Governors gather during their September 2019 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="/your-alumni-association/yaa-leadership">YAA Board of Governors</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-recognition"> <!-- 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="Volunteer Recognition" > <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">Volunteer Recognition</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><img alt="YAA Leadership Awards 2018" data-entity-type="file" data-entity-uuid="0fcee4de-2bc2-470f-a9ac-c96d8b4afc38" src="/sites/default/files/inline-images/2018-11-08-AYA-3700.jpeg.jpg" class="align-right" width="1600" height="1066">Every year, thousands of alums support the alumni community and the university through their volunteer efforts. We recognize and celebrate those individuals and organizations whose leadership, creativity, and dedication serve as inspiration for fellow alums and for generations to come.</p> <p><a href="/volunteer/volunteer-recognition">Explore alumni awards.</a></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 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"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ✅ paragraph--aya--component--spacer-block.html.twig ▪️ paragraph--aya--component.html.twig ▪️ paragraph--dp-pattern-lab--component.html.twig ▪️ paragraph--spacer--default.html.twig ▪️ paragraph--spacer.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--spacer-block.html.twig' --> <div class="cc--component-container cc--spacer-block" > <div class="c--component c--spacer-block"> <div class="spacer-block"></div> </div><!-- c--component c--spacer-block --> </div><!-- cc--component-container cc--spacer-block --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--spacer-block.html.twig' --> </div> </div> </div> <div class="chaptered-page-bottom content-bottom"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--aya--social-grid.html.twig ▪️ field--aya--field--social-grid.html.twig ▪️ field--aya--field--social-grid.html.twig ✅ field--dp-pattern-lab--field.html.twig ▪️ field--node--field-social-grid--chaptered-page.html.twig ▪️ field--node--field-social-grid.html.twig ▪️ field--node--chaptered-page.html.twig ▪️ field--field-social-grid.html.twig ▪️ field--entity-reference-revisions.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--social-grid"> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ✅ paragraph--aya--component--social-feed.html.twig ▪️ paragraph--aya--component.html.twig ▪️ paragraph--dp-pattern-lab--component.html.twig ▪️ paragraph--social-grid--default.html.twig ▪️ paragraph--social-grid.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--social-feed.html.twig' --> <section class="cc--component-container cc--social-feed" aria-label="Connect with the YAA" > <div class="c--component c--social-feed"> <div class="text-container"> <div class="text-container-inner"> <!-- 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--social-grid.html.twig ▪️ field--paragraph--field-section-title.html.twig ▪️ field--paragraph--social-grid.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">Connect with the YAA</h2> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--aya--section-title.html.twig' --> </div> </div> <div id="curator-feed"></div> <script type="text/javascript"> (function(){ var i, e, d = document, s = "script";i = d.createElement("script");i.async = 1; i.src = "https://cdn.curator.io/published/1052f5bb-3f1b-4a5d-b05b-a3faa3c0de45.js"; e = d.getElementsByTagName(s)[0];e.parentNode.insertBefore(i, e); })(); </script> </div><!-- c--component c--social-feed --> </section><!-- cc--component-container cc--social-feed --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/paragraphs/paragraph--aya--component--social-feed.html.twig' --> </div> </div> <!-- END OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> </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\/9676","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&delta=0&language=en&theme=aya&include=eJxd0FGOwzAIBNALpc2RrHFMElQCFibZze23sqt-7N-8EUIIlBIGvWd8wnN105hKTRUR5JoEec6042LzlrJZtHDUaTPbhBIUcgcvbf5fTLgxb2IZ8miLc41R_eyIB2s9oxMidw-N4MueVvOj-wBrOkjPIcv83v51Ez6S4upgJR_ballTwDeKlAX6GrMcxEd1u2g4sK5JGNxMJ_oNYX3Nxc8KeX44Bhc3kbN2LDvq-yNU-hF_ZPN6Iw"></script> <script src="https://static.addtoany.com/menu/page.js" async></script> <script src="/sites/default/files/js/js_eCPdztiWCwMT7tUO-ugXRfgYGyKIwMoh1kC5wo-U8HM.js?scope=footer&delta=2&language=en&theme=aya&include=eJxd0FGOwzAIBNALpc2RrHFMElQCFibZze23sqt-7N-8EUIIlBIGvWd8wnN105hKTRUR5JoEec6042LzlrJZtHDUaTPbhBIUcgcvbf5fTLgxb2IZ8miLc41R_eyIB2s9oxMidw-N4MueVvOj-wBrOkjPIcv83v51Ez6S4upgJR_ballTwDeKlAX6GrMcxEd1u2g4sK5JGNxMJ_oNYX3Nxc8KeX44Bhc3kbN2LDvq-yNU-hF_ZPN6Iw"></script> </body> </html> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/layout/html.html.twig' -->