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&amp;language=en&amp;theme=aya&amp;include=eJxFyVEOwyAMA9ALUTiTERmtloUoCdK4faup275sP6O1GJBVcJf8sCGRfHnQq1Q4JSwURQSZbIy6eSw-pH-886jgH9E7rnyWZlPB-Z5JYegG3f37_CVP0Vn58J3aCWQtN3I" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_NDP6XWFMOZjU4Mb15rjc8AGFWs3df09zoAFU7Di-II4.css?delta=1&amp;language=en&amp;theme=aya&amp;include=eJxFyVEOwyAMA9ALUTiTERmtloUoCdK4faup275sP6O1GJBVcJf8sCGRfHnQq1Q4JSwURQSZbIy6eSw-pH-886jgH9E7rnyWZlPB-Z5JYegG3f37_CVP0Vn58J3aCWQtN3I" /> <link rel="stylesheet" media="print" href="/sites/default/files/css/css_zEQzLm1rK01OTMZjyzgjf7-TbdhHg7l9dEsILynZLEE.css?delta=2&amp;language=en&amp;theme=aya&amp;include=eJxFyVEOwyAMA9ALUTiTERmtloUoCdK4faup275sP6O1GJBVcJf8sCGRfHnQq1Q4JSwURQSZbIy6eSw-pH-886jgH9E7rnyWZlPB-Z5JYegG3f37_CVP0Vn58J3aCWQtN3I" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_rR2V1HHjlBKlqNAovVvBBhRWzlg8zZc_EDVtnujO4og.css?delta=3&amp;language=en&amp;theme=aya&amp;include=eJxFyVEOwyAMA9ALUTiTERmtloUoCdK4faup275sP6O1GJBVcJf8sCGRfHnQq1Q4JSwURQSZbIy6eSw-pH-886jgH9E7rnyWZlPB-Z5JYegG3f37_CVP0Vn58J3aCWQtN3I" /> <script src="/core/assets/vendor/modernizr/modernizr.min.js?v=3.11.7"></script> </head> <body class="path-node page-node-type-chaptered-page chaptered-page"> <a id="top" tabindex="-1"></a> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> <a href="#skip-footer" class="visually-hidden focusable skip-link"> Skip to footer </a> <a href="#skip-mainnav" class="visually-hidden focusable skip-link"> Skip to main navigation </a> <!-- THEME DEBUG --> <!-- THEME HOOK: 'off_canvas_page_wrapper' --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/content/off-canvas-page-wrapper.html.twig' --> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <!-- THEME DEBUG --> <!-- THEME HOOK: 'page' --> <!-- FILE NAME SUGGESTIONS: ▪️ page--node--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 &amp; Features</a> </li> </ul> </li> <li class="menu-item menu-item--expanded"> <a href="/events" data-drupal-link-system-path="node/18">Events</a> <button class="toggle" aria-label="Expand Events" data-menu-name="Events"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 10.6" enable-background="new 0 0 18 10.6" xml:space="preserve"> <title>Expand Sub-Navigation</title> <polygon fill="#FFFFFF" points="9,10.6 0,1.6 1.6,0 9,7.4 16.4,0 18,1.6 "></polygon> </svg> </button> <ul class="menu submenu"> <li class="menu-item"> <a href="/events" data-drupal-link-system-path="node/18">Find Events</a> </li> <li class="menu-item"> <a href="/events/peprally" data-drupal-link-system-path="node/7550">YAA Pep Rally</a> </li> <li class="menu-item"> <a href="/volunteer/service-community/yale-day-service" data-drupal-link-system-path="node/9919">Yale Day of Service</a> </li> <li class="menu-item"> <a href="/volunteer-alumni-leadership/yaa-assembly-yale-alumni-fund-convocation" title="YAA Assembly &amp; Alumni Fund Convocation">Assembly &amp; Convocation</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/yale-college-reunions">Yale College Reunions </a> </li> <li class="menu-item"> <a href="/events/virtual-yaa" data-drupal-link-system-path="node/6651">Virtual YAA</a> </li> </ul> </li> <li class="menu-item menu-item--expanded"> <a href="/find-groups" data-drupal-link-system-path="node/3">Groups</a> <button class="toggle" aria-label="Expand Groups" data-menu-name="Groups"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 10.6" enable-background="new 0 0 18 10.6" xml:space="preserve"> <title>Expand Sub-Navigation</title> <polygon fill="#FFFFFF" points="9,10.6 0,1.6 1.6,0 9,7.4 16.4,0 18,1.6 "></polygon> </svg> </button> <ul class="menu submenu"> <li class="menu-item"> <a href="/groups/about-groups" data-drupal-link-system-path="node/1785">About Groups</a> </li> <li class="menu-item"> <a href="/find-groups" data-drupal-link-system-path="node/3">Find Your Group</a> </li> <li class="menu-item"> <a href="/groups?field_group_type_target_id=444" title="Graduate &amp; Professional Schools" data-drupal-link-query="{&quot;field_group_type_target_id&quot;:&quot;444&quot;}">Search Graduate &amp; Professional Schools</a> </li> <li class="menu-item"> <a href="/groups?field_group_type_target_id=100&amp;geolocation_geocoder_google_geocoding_api_state=1&amp;field_chapter_coordinates_proximity=100" title="Interest Groups" data-drupal-link-query="{&quot;field_chapter_coordinates_proximity&quot;:&quot;100&quot;,&quot;field_group_type_target_id&quot;:&quot;100&quot;,&quot;geolocation_geocoder_google_geocoding_api_state&quot;:&quot;1&quot;}">Search Interest Groups</a> </li> <li class="menu-item"> <a href="/groups?field_group_type_target_id=96&amp;geolocation_geocoder_google_geocoding_api_state=1&amp;field_chapter_coordinates_proximity=100" title="Regional Clubs" data-drupal-link-query="{&quot;field_chapter_coordinates_proximity&quot;:&quot;100&quot;,&quot;field_group_type_target_id&quot;:&quot;96&quot;,&quot;geolocation_geocoder_google_geocoding_api_state&quot;:&quot;1&quot;}">Search Regional Clubs</a> </li> <li class="menu-item"> <a href="/groups?field_group_type_target_id=98&amp;geolocation_geocoder_google_geocoding_api_state=1&amp;field_chapter_coordinates_proximity=100" title="Yale College Classes" data-drupal-link-query="{&quot;field_chapter_coordinates_proximity&quot;:&quot;100&quot;,&quot;field_group_type_target_id&quot;:&quot;98&quot;,&quot;geolocation_geocoder_google_geocoding_api_state&quot;:&quot;1&quot;}">Search Yale College Classes</a> </li> </ul> </li> <li class="menu-item menu-item--expanded"> <a href="/connect" data-drupal-link-system-path="node/156">Connect</a> <button class="toggle" aria-label="Expand Connect" data-menu-name="Connect"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 10.6" enable-background="new 0 0 18 10.6" xml:space="preserve"> <title>Expand Sub-Navigation</title> <polygon fill="#FFFFFF" points="9,10.6 0,1.6 1.6,0 9,7.4 16.4,0 18,1.6 "></polygon> </svg> </button> <ul class="menu submenu"> <li class="menu-item menu-item--collapsed"> <a href="/connect/networking-careers" data-drupal-link-system-path="node/12">Networking &amp; Careers</a> </li> <li class="menu-item"> <a href="/connect/yale-alumni-mentorship-program" data-drupal-link-system-path="node/13878">Mentorship Program</a> </li> <li class="menu-item"> <a href="/connect/bold-bulldogs-last-decade" data-drupal-link-system-path="node/5076">Recent Grads</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/connect/current-students" data-drupal-link-system-path="node/98">Current Students</a> </li> <li class="menu-item"> <a href="https://alumni.yale.edu/news/getting-know-you">Getting to Know You</a> </li> <li class="menu-item"> <a href="/connect-connect-online/help-form-online-alumni-community" data-drupal-link-system-path="node/2352">Online Community Help Form</a> </li> </ul> </li> <li class="menu-item menu-item--expanded menu-item--active-trail"> <a href="/volunteer" data-drupal-link-system-path="node/9676" 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&amp;gid=2&amp;pgid=94&amp;cid=256#/PersonalProfile">Alumni Directory</a> </li> <li class="menu-item"> <a href="/events" data-drupal-link-system-path="node/18">Calendar</a> </li> </ul> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/navigation/menu--utility.html.twig' --> </nav> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--utility.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--searchwidget.html.twig ▪️ block--block-content--99d7b0c5-ddb7-4078-b8bc-4b166ab4e6d1.html.twig ▪️ block--block-content--id-view--searchwidget--full.html.twig ▪️ block--block-content--id--searchwidget.html.twig ▪️ block--block-content--view-type--markup--full.html.twig ▪️ block--block-content--type--markup.html.twig ▪️ block--block-content--view--full.html.twig ▪️ block--block-content.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--searchwidget.html.twig' --> <div id="block-searchwidget" class="block block-block-content block-block-content99d7b0c5-ddb7-4078-b8bc-4b166ab4e6d1 cc--component-container cc--search-widget"> <div class="c--component c--search-widget"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ✅ field--block-content--body--markup.html.twig ▪️ field--block-content--body.html.twig ▪️ field--block-content--markup.html.twig ▪️ field--body.html.twig ▪️ field--text-with-summary.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--block-content--body--markup.html.twig' --> <p><button aria-controls="header-search-form" class="icon-search"><span>Search</span> <svg enable-background="new 0 0 19.9 20" version="1.1" viewbox="0 0 19.9 20" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"> <path d="M19.8,17.9l-3-2.9l-0.4-0.4l-0.4-0.5l-0.3,0.3l-2.1-2.1c2.3-3,2.1-7.3-0.6-10 c-3-3-7.8-3-10.7,0c-3,3-3,7.8,0,10.7c2.7,2.7,7,2.9,10,0.6l2.1,2.1L13.9,16l0.6,0.6l3.2,3.2c0.3,0.3,0.7,0.3,1,0l1-1 C20,18.6,20,18.1,19.8,17.9z M11.7,11.8c-2.3,2.3-6.2,2.3-8.5,0s-2.3-6.2,0-8.5s6.2-2.3,8.5,0C14.2,5.7,14.2,9.5,11.7,11.8z"></path> </svg></button></p> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--block-content--body--markup.html.twig' --> </div> </div> <button class="hamburger hamburger--squeeze" type="button" aria-label="Open Menu"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--searchwidget.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--searchform.html.twig ▪️ block--block-content--aa08d847-3954-466e-9130-40aa7845608e.html.twig ▪️ block--block-content--id-view--searchform--full.html.twig ▪️ block--block-content--id--searchform.html.twig ▪️ block--block-content--view-type--markup--full.html.twig ▪️ block--block-content--type--markup.html.twig ▪️ block--block-content--view--full.html.twig ▪️ block--block-content.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--searchform.html.twig' --> <div class="block block-block-content block-block-contentaa08d847-3954-466e-9130-40aa7845608e cc--component-container cc--search-form" id="header-search-form"> <div class="c--component c--search-form"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ✅ field--block-content--body--markup.html.twig ▪️ field--block-content--body.html.twig ▪️ field--block-content--markup.html.twig ▪️ field--body.html.twig ▪️ field--text-with-summary.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--block-content--body--markup.html.twig' --> <form accept-charset="UTF-8" action="/search" autocomplete="off" class="ally-focus-within" method="GET" name="search-form"><svg enable-background="new 0 0 19.9 20" version="1.1" viewbox="0 0 19.9 20" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"> <path d="M19.8,17.9l-3-2.9l-0.4-0.4l-0.4-0.5l-0.3,0.3l-2.1-2.1c2.3-3,2.1-7.3-0.6-10 c-3-3-7.8-3-10.7,0c-3,3-3,7.8,0,10.7c2.7,2.7,7,2.9,10,0.6l2.1,2.1L13.9,16l0.6,0.6l3.2,3.2c0.3,0.3,0.7,0.3,1,0l1-1 C20,18.6,20,18.1,19.8,17.9z M11.7,11.8c-2.3,2.3-6.2,2.3-8.5,0s-2.3-6.2,0-8.5s6.2-2.3,8.5,0C14.2,5.7,14.2,9.5,11.7,11.8z"></path> </svg> <div class="fi--form-item fi--search ally-focus-within"><label class="visually-hidden" for="search">Site Search</label> <input class="ally-focus-within" id="search" maxlength="50" name="q" placeholder="Search..." size="50" type="text" /></div> <input style="display: none" type="submit" value="submit" /><button aria-controls="header-search-form" aria-label="Click to close search" class="icon-close"><svg enable-background="new 0 0 16 16" version="1.1" viewbox="0 0 16 16" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"> <title></title> <path d="M8,6.6L14.6,0L16,1.4L9.4,8l6.6,6.6L14.6,16L8,9.4L1.4,16L0,14.6L6.6,8L0,1.4L1.4,0L8,6.6z"></path> </svg></button></form> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--block-content--body--markup.html.twig' --> </div> </div> </div><!-- .utility-nav-container --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--searchform.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--mainnavigation-2.html.twig ▪️ block--system-menu-block--main.html.twig ▪️ block--system-menu-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--mainnavigation-2.html.twig' --> <div class="mobile-nav"> <div id="block-mainnavigation-2" class="block block-system block-system-menu-blockmain cc--component-container cc--mobile-menu"> <div class="c--component c--mobile-menu"> <div id="mobile-navigation"> <nav class="mc--menu mc--main"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__main' --> <!-- FILE NAME SUGGESTIONS: ✅ menu--main.html.twig ✅ menu--main.html.twig ▪️ menu.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/navigation/menu--main.html.twig' --> <ul class="menu m--menu m--main"> <li class="menu-item menu-item--expanded"> <a href="/your-association" data-drupal-link-system-path="node/157">Your Alumni Association</a> <button class="toggle" aria-label="Expand Your Alumni Association" data-menu-name="Your Alumni Association"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 10.6" enable-background="new 0 0 18 10.6" xml:space="preserve"> <title>Expand Sub-Navigation</title> <polygon fill="#FFFFFF" points="9,10.6 0,1.6 1.6,0 9,7.4 16.4,0 18,1.6 "></polygon> </svg> </button> <ul class="menu submenu"> <li class="menu-item"> <a href="/your-alumni-association/what-we-do" data-drupal-link-system-path="node/51">What We Do</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/your-alumni-association/diversity-equity-and-inclusion" data-drupal-link-system-path="node/2104">Diversity, Equity, and Inclusion</a> </li> <li class="menu-item"> <a href="/your-alumni-association/yaa-leadership" data-drupal-link-system-path="node/62">YAA Leadership</a> </li> <li class="menu-item"> <a href="/your-alumni-association/yaa-staff-directory" data-drupal-link-system-path="node/45">Staff</a> </li> <li class="menu-item"> <a href="/your-alumni-association/alumni-benefits" data-drupal-link-system-path="node/34">Alumni Benefits</a> </li> <li class="menu-item"> <a href="/news" data-drupal-link-system-path="node/24">News &amp; Features</a> </li> </ul> </li> <li class="menu-item menu-item--expanded"> <a href="/events" data-drupal-link-system-path="node/18">Events</a> <button class="toggle" aria-label="Expand Events" data-menu-name="Events"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 10.6" enable-background="new 0 0 18 10.6" xml:space="preserve"> <title>Expand Sub-Navigation</title> <polygon fill="#FFFFFF" points="9,10.6 0,1.6 1.6,0 9,7.4 16.4,0 18,1.6 "></polygon> </svg> </button> <ul class="menu submenu"> <li class="menu-item"> <a href="/events" data-drupal-link-system-path="node/18">Find Events</a> </li> <li class="menu-item"> <a href="/events/peprally" data-drupal-link-system-path="node/7550">YAA Pep Rally</a> </li> <li class="menu-item"> <a href="/volunteer/service-community/yale-day-service" data-drupal-link-system-path="node/9919">Yale Day of Service</a> </li> <li class="menu-item"> <a href="/volunteer-alumni-leadership/yaa-assembly-yale-alumni-fund-convocation" title="YAA Assembly &amp; Alumni Fund Convocation">Assembly &amp; Convocation</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/yale-college-reunions">Yale College Reunions </a> </li> <li class="menu-item"> <a href="/events/virtual-yaa" data-drupal-link-system-path="node/6651">Virtual YAA</a> </li> </ul> </li> <li class="menu-item menu-item--expanded"> <a href="/find-groups" data-drupal-link-system-path="node/3">Groups</a> <button class="toggle" aria-label="Expand Groups" data-menu-name="Groups"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 10.6" enable-background="new 0 0 18 10.6" xml:space="preserve"> <title>Expand Sub-Navigation</title> <polygon fill="#FFFFFF" points="9,10.6 0,1.6 1.6,0 9,7.4 16.4,0 18,1.6 "></polygon> </svg> </button> <ul class="menu submenu"> <li class="menu-item"> <a href="/groups/about-groups" data-drupal-link-system-path="node/1785">About Groups</a> </li> <li class="menu-item"> <a href="/find-groups" data-drupal-link-system-path="node/3">Find Your Group</a> </li> <li class="menu-item"> <a href="/groups?field_group_type_target_id=444" title="Graduate &amp; Professional Schools" data-drupal-link-query="{&quot;field_group_type_target_id&quot;:&quot;444&quot;}">Search Graduate &amp; Professional Schools</a> </li> <li class="menu-item"> <a href="/groups?field_group_type_target_id=100&amp;geolocation_geocoder_google_geocoding_api_state=1&amp;field_chapter_coordinates_proximity=100" title="Interest Groups" data-drupal-link-query="{&quot;field_chapter_coordinates_proximity&quot;:&quot;100&quot;,&quot;field_group_type_target_id&quot;:&quot;100&quot;,&quot;geolocation_geocoder_google_geocoding_api_state&quot;:&quot;1&quot;}">Search Interest Groups</a> </li> <li class="menu-item"> <a href="/groups?field_group_type_target_id=96&amp;geolocation_geocoder_google_geocoding_api_state=1&amp;field_chapter_coordinates_proximity=100" title="Regional Clubs" data-drupal-link-query="{&quot;field_chapter_coordinates_proximity&quot;:&quot;100&quot;,&quot;field_group_type_target_id&quot;:&quot;96&quot;,&quot;geolocation_geocoder_google_geocoding_api_state&quot;:&quot;1&quot;}">Search Regional Clubs</a> </li> <li class="menu-item"> <a href="/groups?field_group_type_target_id=98&amp;geolocation_geocoder_google_geocoding_api_state=1&amp;field_chapter_coordinates_proximity=100" title="Yale College Classes" data-drupal-link-query="{&quot;field_chapter_coordinates_proximity&quot;:&quot;100&quot;,&quot;field_group_type_target_id&quot;:&quot;98&quot;,&quot;geolocation_geocoder_google_geocoding_api_state&quot;:&quot;1&quot;}">Search Yale College Classes</a> </li> </ul> </li> <li class="menu-item menu-item--expanded"> <a href="/connect" data-drupal-link-system-path="node/156">Connect</a> <button class="toggle" aria-label="Expand Connect" data-menu-name="Connect"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 10.6" enable-background="new 0 0 18 10.6" xml:space="preserve"> <title>Expand Sub-Navigation</title> <polygon fill="#FFFFFF" points="9,10.6 0,1.6 1.6,0 9,7.4 16.4,0 18,1.6 "></polygon> </svg> </button> <ul class="menu submenu"> <li class="menu-item menu-item--collapsed"> <a href="/connect/networking-careers" data-drupal-link-system-path="node/12">Networking &amp; Careers</a> </li> <li class="menu-item"> <a href="/connect/yale-alumni-mentorship-program" data-drupal-link-system-path="node/13878">Mentorship Program</a> </li> <li class="menu-item"> <a href="/connect/bold-bulldogs-last-decade" data-drupal-link-system-path="node/5076">Recent Grads</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/connect/current-students" data-drupal-link-system-path="node/98">Current Students</a> </li> <li class="menu-item"> <a href="https://alumni.yale.edu/news/getting-know-you">Getting to Know You</a> </li> <li class="menu-item"> <a href="/connect-connect-online/help-form-online-alumni-community" data-drupal-link-system-path="node/2352">Online Community Help Form</a> </li> </ul> </li> <li class="menu-item menu-item--expanded menu-item--active-trail"> <a href="/volunteer" data-drupal-link-system-path="node/9676" 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&amp;gid=2&amp;pgid=94&amp;cid=256#/PersonalProfile"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" width="24" height="24"> <path d="M11.4,10.5c-0.8-0.7-1.3-1.8-1.3-3c0-2.2,1.8-3.9,3.9-3.9s3.9,1.8,3.9,3.9 c0,1.2-0.5,2.2-1.3,3c2.3,0.9,3.9,3,3.9,5.4c0,0.4-0.3,0.7-0.7,0.7H8.2c-0.4,0-0.7-0.3-0.7-0.7C7.5,13.4,9.1,11.4,11.4,10.5z M22.2,20.1H5.7c-1,0-1.8-0.8-1.8-1.8V1.8c0-1,0.8-1.8,1.8-1.8h16.5c1,0,1.8,0.8,1.8,1.8v16.5C24,19.3,23.2,20.1,22.2,20.1z M5.7,1.4c-0.2,0-0.4,0.2-0.4,0.4v16.5c0,0.2,0.2,0.4,0.4,0.4h16.5c0.2,0,0.4-0.2,0.4-0.4V1.8c0-0.2-0.2-0.4-0.4-0.4H5.7z M18.4,24 H1.8c-1,0-1.8-0.8-1.8-1.8V5.6c0-0.4,0.3-0.7,0.7-0.7s0.7,0.3,0.7,0.7v16.6c0,0.2,0.2,0.4,0.4,0.4h16.6c0.4,0,0.7,0.3,0.7,0.7 S18.8,24,18.4,24z M9,15.1h9.9c-0.4-2.1-2.5-3.7-5-3.7S9.4,13,9,15.1z M13.9,5c-1.4,0-2.5,1.1-2.5,2.5s1.1,2.5,2.5,2.5 s2.5-1.1,2.5-2.5S15.3,5,13.9,5z"/> </svg> Alumni Directory </a> </li> <li> <a href="/events"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 19 21.2" enable-background="new 0 0 19 21.2" xml:space="preserve" width="19" height="21"> <path fill="#00356B" d="M1.9,21.2h15.2c1.1,0,1.9-0.8,1.9-1.9V4c0-1.1-0.8-1.9-1.9-1.9h-2.6V0.8 c0-0.5-0.4-0.8-0.8-0.8s-0.8,0.4-0.8,0.8V2H6.3V0.8C6.3,0.3,5.9,0,5.5,0S4.7,0.4,4.7,0.8V2H1.9C0.8,2.1,0,2.9,0,4v15.3 C0,20.4,0.9,21.2,1.9,21.2z M17.1,19.6H1.9c-0.2,0-0.3-0.1-0.3-0.3V9.8h15.7v9.5C17.4,19.4,17.2,19.6,17.1,19.6z M1.9,3.7h2.6v1.8 c0,0.5,0.4,0.8,0.8,0.8s0.8-0.4,0.8-0.8V3.7h6.6v1.8c0,0.5,0.4,0.8,0.8,0.8c0.5,0,0.8-0.4,0.8-0.8V3.7h2.6c0.2,0,0.3,0.1,0.3,0.3 v4.1H1.6V4C1.6,3.8,1.8,3.7,1.9,3.7z"/> </svg> Calendar </a> </li> </ul> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/navigation/menu--utility-2.html.twig' --> </nav> </div> </div> </div><!-- .mobile-nav --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/blocks/block--utility-2.html.twig' --> </div> </section> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/layout/region--header.html.twig' --> </header> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--highlighted.html.twig ✅ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/layout/region.html.twig' --> <div class="region region-highlighted r--region r--highlighted"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--aya-messages.html.twig ✅ block--system-messages-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/stable/templates/block/block--system-messages-block.html.twig' --> <div data-drupal-messages-fallback class="hidden"></div> <!-- END OUTPUT from 'themes/contrib/stable/templates/block/block--system-messages-block.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/layout/region.html.twig' --> <!-- added temporarily so we can observe the main nav --> <main> <a id="main-content" tabindex="-1"></a> <div class="l--content layout-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--content.html.twig ✅ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/layout/region.html.twig' --> <div class="region region-content r--region r--content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ✅ node--aya--template--chaptered-page.html.twig ▪️ node--aya--template.html.twig ▪️ node--dp-pattern-lab--template.html.twig ▪️ node--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&hellip;</span> <nav class="mc--menu mc--chaptered-menu"> <ul class="m--menu m--chaptered-menu"> <li class="menu-item" aria-expanded="false" aria-haspopup="true"> <a href="#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&amp;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&amp;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&amp;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&amp;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 &amp; 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 &amp; 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&amp;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&amp;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&nbsp;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&amp;itok=8hPQAi8x 1x" width="320" height="180" src="/sites/default/files/styles/16_9_320x180/public/2018-11/Assembly4.jpg?h=a1e1a043&amp;itok=8hPQAi8x" alt="Alumni posing at the Yale photobooth" /> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image.html.twig' --> <!-- END OUTPUT from 'themes/contrib/stable/templates/field/responsive-image-formatter.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/field/field--media--field-image-file.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/aya/templates/content/media--image.html.twig' --> </div> </div> <!-- END OUTPUT from 'modules/custom/dp_pattern_lab/templates/field/field--dp-pattern-lab--field.html.twig' --> <div class="f--field f--cta-title"> <h3 aria-level="1"> <a href="/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&amp;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&amp;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&amp;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&amp;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&nbsp;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&amp;delta=0&amp;language=en&amp;theme=aya&amp;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&amp;delta=2&amp;language=en&amp;theme=aya&amp;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' -->

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