{"id":1099,"date":"2026-06-07T14:06:40","date_gmt":"2026-06-07T21:06:40","guid":{"rendered":"https:\/\/dvcra.org\/?page_id=1099"},"modified":"2026-06-07T15:22:42","modified_gmt":"2026-06-07T22:22:42","slug":"volunteer","status":"publish","type":"page","link":"https:\/\/dvcra.org\/index.php\/volunteer\/","title":{"rendered":"Volunteer"},"content":{"rendered":"\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"562\" src=\"https:\/\/dvcra.org\/wp-content\/uploads\/2026\/06\/volunteers_hero-1024x562.png\" alt=\"\" class=\"wp-image-1103\" srcset=\"https:\/\/dvcra.org\/wp-content\/uploads\/2026\/06\/volunteers_hero-1024x562.png 1024w, https:\/\/dvcra.org\/wp-content\/uploads\/2026\/06\/volunteers_hero-300x165.png 300w, https:\/\/dvcra.org\/wp-content\/uploads\/2026\/06\/volunteers_hero-768x421.png 768w, https:\/\/dvcra.org\/wp-content\/uploads\/2026\/06\/volunteers_hero-1536x843.png 1536w, https:\/\/dvcra.org\/wp-content\/uploads\/2026\/06\/volunteers_hero.png 1693w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<!-- DVCRA Volunteer Page \u2014 WordPress Custom HTML Block -->\n<!-- Paste this entire block into a Custom HTML block in WordPress -->\n\n<style>\n.dvcra-vol-wrap {\n  font-family: Georgia, serif;\n  color: #2c2c2c;\n  max-width: 860px;\n  margin: 0 auto;\n  padding: 0 0 3rem;\n}\n\n\/* \u2500\u2500 Section headings \u2500\u2500 *\/\n.dvcra-vol-section-heading {\n  font-family: Georgia, serif;\n  font-size: 20px;\n  font-weight: normal;\n  color: #2d5a27;\n  margin: 0 0 1.25rem;\n  padding-left: 14px;\n  border-left: 3px solid #b8962e;\n  line-height: 1.3;\n}\n\n\/* \u2500\u2500 Idea cards grid \u2500\u2500 *\/\n.dvcra-vol-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 14px;\n  margin-bottom: 2.75rem;\n}\n.dvcra-vol-card {\n  background: #f9f7f2;\n  border: 1px solid #e0d8c8;\n  border-top: 3px solid #b8962e;\n  border-radius: 6px;\n  padding: 1.1rem 1rem 1rem;\n  font-size: 15px;\n  line-height: 1.5;\n  color: #2c2c2c;\n}\n.dvcra-vol-card-icon {\n  font-size: 26px;\n  margin-bottom: 0.5rem;\n  display: block;\n  color: #2d5a27;\n}\n\n\/* \u2500\u2500 Open invitation block \u2500\u2500 *\/\n.dvcra-vol-invite {\n  background: #fdf8ed;\n  border: 1px solid #b8962e;\n  border-left: 4px solid #b8962e;\n  border-radius: 6px;\n  padding: 1.5rem 1.75rem;\n  margin-bottom: 2.75rem;\n  font-size: 16.5px;\n  line-height: 1.8;\n  color: #2c2c2c;\n}\n.dvcra-vol-invite strong {\n  color: #2d5a27;\n}\n\n\/* \u2500\u2500 Form \u2500\u2500 *\/\n.dvcra-vol-form-wrap {\n  background: #f9f7f2;\n  border: 1px solid #e0d8c8;\n  border-radius: 8px;\n  padding: 2rem 2rem 1.75rem;\n}\n.dvcra-vol-form-wrap .dvcra-vol-section-heading {\n  margin-bottom: 1.5rem;\n}\n.dvcra-vol-field {\n  margin-bottom: 1.25rem;\n}\n.dvcra-vol-field label {\n  display: block;\n  font-family: Arial, sans-serif;\n  font-size: 14px;\n  color: #444;\n  margin-bottom: 5px;\n  font-weight: bold;\n}\n.dvcra-vol-field label .opt {\n  font-weight: normal;\n  color: #777;\n  font-size: 13px;\n}\n.dvcra-vol-field input[type=\"text\"],\n.dvcra-vol-field input[type=\"email\"],\n.dvcra-vol-field input[type=\"tel\"],\n.dvcra-vol-field textarea {\n  width: 100%;\n  box-sizing: border-box;\n  font-family: Arial, sans-serif;\n  font-size: 15px;\n  padding: 9px 12px;\n  border: 1px solid #c8bfa8;\n  border-radius: 4px;\n  background: #fff;\n  color: #2c2c2c;\n}\n.dvcra-vol-field textarea {\n  height: 110px;\n  resize: vertical;\n}\n.dvcra-vol-field input:focus,\n.dvcra-vol-field textarea:focus {\n  outline: none;\n  border-color: #2d5a27;\n  box-shadow: 0 0 0 2px rgba(45,90,39,0.15);\n}\n.dvcra-vol-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n}\n.dvcra-vol-submit {\n  background: #2d5a27;\n  color: #fff;\n  border: none;\n  border-radius: 5px;\n  padding: 11px 32px;\n  font-family: Arial, sans-serif;\n  font-size: 16px;\n  cursor: pointer;\n  margin-top: 0.25rem;\n}\n.dvcra-vol-submit:hover {\n  background: #3a7233;\n}\n.dvcra-vol-note {\n  font-family: Arial, sans-serif;\n  font-size: 13px;\n  color: #666;\n  margin-top: 0.9rem;\n  line-height: 1.5;\n}\n\n\/* \u2500\u2500 Success message (hidden by default) \u2500\u2500 *\/\n.dvcra-vol-success {\n  display: none;\n  background: #eaf4e8;\n  border: 1px solid #2d5a27;\n  border-radius: 6px;\n  padding: 1.25rem 1.5rem;\n  font-family: Arial, sans-serif;\n  font-size: 15px;\n  color: #2d5a27;\n  line-height: 1.6;\n  margin-top: 1rem;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 680px) {\n  .dvcra-vol-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  .dvcra-vol-row {\n    grid-template-columns: 1fr;\n    gap: 0;\n  }\n  .dvcra-vol-hero h1 {\n    font-size: 24px;\n  }\n  .dvcra-vol-hero {\n    padding: 2rem 1.5rem;\n  }\n  .dvcra-vol-form-wrap {\n    padding: 1.5rem 1.25rem;\n  }\n}\n<\/style>\n\n<div class=\"dvcra-vol-wrap\">\n\n  <!-- Ways to help -->\n  <h2 class=\"dvcra-vol-section-heading\">Some ways members have helped<\/h2>\n  <div class=\"dvcra-vol-grid\">\n    <div class=\"dvcra-vol-card\">\n      <span class=\"dvcra-vol-card-icon\" aria-hidden=\"true\">\u2709<\/span>\n      Reaching out to members\n    <\/div>\n    <div class=\"dvcra-vol-card\">\n      <span class=\"dvcra-vol-card-icon\" aria-hidden=\"true\">\ud83d\udcf0<\/span>\n      Contributing to the newsletter\n    <\/div>\n    <div class=\"dvcra-vol-card\">\n      <span class=\"dvcra-vol-card-icon\" aria-hidden=\"true\">\ud83d\udcf7<\/span>\n      Donating photos or videos\n    <\/div>\n    <div class=\"dvcra-vol-card\">\n      <span class=\"dvcra-vol-card-icon\" aria-hidden=\"true\">\ud83d\udc4b<\/span>\n      Welcoming new retirees\n    <\/div>\n    <div class=\"dvcra-vol-card\">\n      <span class=\"dvcra-vol-card-icon\" aria-hidden=\"true\">\ud83c\udf7d<\/span>\n      Helping at luncheon events\n    <\/div>\n    <div class=\"dvcra-vol-card\">\n      <span class=\"dvcra-vol-card-icon\" aria-hidden=\"true\">\ud83c\udf93<\/span>\n      Supporting scholarship outreach\n    <\/div>\n    <div class=\"dvcra-vol-card\">\n      <span class=\"dvcra-vol-card-icon\" aria-hidden=\"true\">\ud83d\udcc5<\/span>\n      Helping plan social events\n    <\/div>\n    <div class=\"dvcra-vol-card\">\n      <span class=\"dvcra-vol-card-icon\" aria-hidden=\"true\">\ud83d\udcac<\/span>\n      Sharing expertise or giving a talk\n    <\/div>\n  <\/div>\n\n  <!-- Open invitation -->\n  <div class=\"dvcra-vol-invite\">\n    <strong>But we really want to hear your ideas.<\/strong> Some of our most valued volunteers came to us with something we never thought to ask for \u2014 a skill, a passion, or a creative approach that turned out to be just what we needed. If you have something to offer, tell us. You may be surprised how well it fits.\n  <\/div>\n\n  <!-- Form -->\n  <div class=\"dvcra-vol-form-wrap\">\n    <h2 class=\"dvcra-vol-section-heading\">Let us know you&#8217;re interested<\/h2>\n\n    <div class=\"dvcra-vol-row\">\n      <div class=\"dvcra-vol-field\">\n        <label for=\"vol-name\">Your name<\/label>\n        <input type=\"text\" id=\"vol-name\" placeholder=\"First and last name\" \/>\n      <\/div>\n      <div class=\"dvcra-vol-field\">\n        <label for=\"vol-email\">Email address<\/label>\n        <input type=\"email\" id=\"vol-email\" placeholder=\"you@example.com\" \/>\n      <\/div>\n    <\/div>\n\n    <div class=\"dvcra-vol-field\">\n      <label for=\"vol-phone\">Phone number <span class=\"opt\">(optional)<\/span><\/label>\n      <input type=\"tel\" id=\"vol-phone\" placeholder=\"(925) 555-0100\" style=\"max-width:240px;\" \/>\n    <\/div>\n\n    <div class=\"dvcra-vol-field\">\n      <label for=\"vol-message\">What would you like to do? <span class=\"opt\">(your own ideas are very welcome)<\/span><\/label>\n      <textarea id=\"vol-message\" placeholder=\"Tell us about your interests, skills, or any ideas you have\u2026\"><\/textarea>\n    <\/div>\n\n    <button class=\"dvcra-vol-submit\" onclick=\"dvcraVolSubmit()\">Send my interest<\/button>\n\n    <div class=\"dvcra-vol-success\" id=\"dvcra-vol-success\">\n      Thank you! We received your message and will follow up by email soon to talk about how you might like to get involved.\n    <\/div>\n\n    <p class=\"dvcra-vol-note\">We will follow up by email to discuss how you might like to get involved. There are no commitments \u2014 just a conversation.<\/p>\n  <\/div>\n\n<\/div>\n\n<script>\nfunction dvcraVolSubmit() {\n  var name = document.getElementById('vol-name').value.trim();\n  var email = document.getElementById('vol-email').value.trim();\n  var msg = document.getElementById('vol-message').value.trim();\n\n  if (!name) { alert('Please enter your name.'); return; }\n  if (!email || email.indexOf('@') < 1) { alert('Please enter a valid email address.'); return; }\n  if (!msg) { alert('Please tell us a little about how you\\'d like to help.'); return; }\n\n  \/* \u2500\u2500 Replace the mailto below with your form handler or CF7 endpoint \u2500\u2500 *\/\n  var subject = encodeURIComponent('Volunteer interest from ' + name);\n  var body = encodeURIComponent(\n    'Name: ' + name + '\\n' +\n    'Email: ' + email + '\\n' +\n    'Phone: ' + (document.getElementById('vol-phone').value.trim() || 'not provided') + '\\n\\n' +\n    'Message:\\n' + msg\n  );\n  window.location.href = 'mailto:info@dvcra.org?subject=' + subject + '&#038;body=' + body;\n\n  document.getElementById('dvcra-vol-success').style.display = 'block';\n  document.querySelector('.dvcra-vol-note').style.display = 'none';\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Some ways members have helped \u2709 Reaching out to members \ud83d\udcf0 Contributing to the newsletter \ud83d\udcf7 Donating photos or videos \ud83d\udc4b Welcoming new retirees \ud83c\udf7d Helping at luncheon events \ud83c\udf93 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1099","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/dvcra.org\/index.php\/wp-json\/wp\/v2\/pages\/1099","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dvcra.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dvcra.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dvcra.org\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dvcra.org\/index.php\/wp-json\/wp\/v2\/comments?post=1099"}],"version-history":[{"count":4,"href":"https:\/\/dvcra.org\/index.php\/wp-json\/wp\/v2\/pages\/1099\/revisions"}],"predecessor-version":[{"id":1106,"href":"https:\/\/dvcra.org\/index.php\/wp-json\/wp\/v2\/pages\/1099\/revisions\/1106"}],"wp:attachment":[{"href":"https:\/\/dvcra.org\/index.php\/wp-json\/wp\/v2\/media?parent=1099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}