1<!DOCTYPE html> 2<html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#" x-data="{ keyboardNavigation: false, isTouchDevice: false }" x-init="isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0" @keyup.tab.window="keyboardNavigation = true" @mousemove="if (keyboardNavigation) keyboardNavigation = false"> 3 <head> 4 <meta charset="utf-8" /> 5<noscript><style>form.antibot > * { display: none !important; } form.antibot noscript { display: block !important; }</style> 6</noscript><meta name="description" content="We are AFSCMEAmericaâs communities never rest. Streets need cleaning. Families need care. Students deserve well-run schools, and our neighborhoods demand safety. Thatâs why people who work in public service never stop. This isnât just a job. Itâs a calling. The work matters because it means something to make a community better." /> 7<link rel="canonical" href="https://calafscme.org/content/20077" /> 8<meta property="og:site_name" content="AFSCME California" /> 9<meta property="og:url" content="https://calafscme.org/content/20077" /> 10<meta property="og:title" content="About Us" /> 11<meta property="og:description" content="We are AFSCMEAmericaâs communities never rest. Streets need cleaning. Families need care. Students deserve well-run schools, and our neighborhoods demand safety. Thatâs why people who work in public service never stop. This isnât just a job. Itâs a calling. The work matters because it means something to make a community better." /> 12<meta name="twitter:card" content="summary_large_image" /> 13<meta name="twitter:description" content="We are AFSCMEAmericaâs communities never rest. Streets need cleaning. Families need care. Students deserve well-run schools, and our neighborhoods demand safety. Thatâs why people who work in public service never stop. This isnât just a job. Itâs a calling. The work matters because it means something to make a community better." /> 14<meta name="twitter:site" content="@afscme" /> 15<meta name="twitter:title" content="About Us | AFSCME California" /> 16<meta name="Generator" content="Drupal 11 (https://www.drupal.org)" /> 17<meta name="MobileOptimized" content="width" /> 18<meta name="HandheldFriendly" content="true" /> 19<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 20<style>:root {--uh-font-size: 16px; --uh-font-body: Roboto, sans-serif; --uh-font-header: Roboto, sans-serif; --uh-color-white: 255 255 255; --uh-color-gray: 75 75 75; --uh-color-black: 29 39 49; --uh-color-primary: 0 93 170; --uh-color-primary-dark: 1 77 141; --uh-color-secondary: 0 169 79; --uh-color-secondary-dark: 2 146 69; --uh-color-accent-1: 0 169 79; --uh-color-accent-1-dark: 2 146 69; --uh-color-accent-2: 104 134 82; --uh-color-accent-2-dark: 0 20 38; --uh-color-neutral-1: 237 237 237; --uh-color-neutral-2: 239 239 239; }</style>
21<script type="application/ld+json">{ 22 "@context": "https://schema.org", 23 "@type": "WebSite", 24 "name": "AFSCME California ", 25 "url": "https://calafscme.org" 26}</script>
26 27<link rel="icon" href="/sites/default/files/2023-08/afscme-favicon-32x32.png" type="image/vnd.microsoft.icon" /> 28<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" /> 29<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" /> 30<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" /> 31 32 <title>About Us | AFSCME California</title> 33 <link rel="stylesheet" media="all" href="/sites/default/files/css/css_-DCSq0beVkqF-ss-IRAnDOSeTDn7Nr5Brmh5Y1Xo_FQ.css?delta=0&language=en&theme=uh_tw&include=eJxVjVEOQDAQBS9UeiRZ-rTLVsWuqNsT4cPnzMcMjTpkdJaQeYle2XBwQKN2CtQNZYMP276StDRR_YnAJCU6VBNe5s--6PRUQ_Y9KdyeOjv8WtSaKKUnefr38AJdpTFo" /> 34<link rel="stylesheet" media="all" href="/sites/default/files/css/css_u47PuEnUCyYjjhQ8EoP4kYhPgTOyqMUk_c6oPt5AHts.css?delta=1&language=en&theme=uh_tw&include=eJxVjVEOQDAQBS9UeiRZ-rTLVsWuqNsT4cPnzMcMjTpkdJaQeYle2XBwQKN2CtQNZYMP276StDRR_YnAJCU6VBNe5s--6PRUQ_Y9KdyeOjv8WtSaKKUnefr38AJdpTFo" /> 35<style>.sr-only { 36 position: absolute; 37 width: 1px; 38 height: 1px; 39 padding: 0; 40 margin: -1px; 41 overflow: hidden; 42 clip: rect(0, 0, 0, 0); 43 white-space: nowrap; 44 border-width: 0; 45} 46.relative { 47 position: relative; 48} 49.sticky { 50 position: sticky; 51} 52.top-0 { 53 top: 0px; 54} 55.z-0 { 56 z-index: 0; 57} 58.z-10 { 59 z-index: 10; 60} 61.z-100 { 62 z-index: 100; 63} 64.z-50 { 65 z-index: 50; 66} 67.order-1 { 68 order: 1; 69} 70.order-2 { 71 order: 2; 72} 73.col-span-1 { 74 grid-column: span 1 / span 1; 75} 76.col-span-2 { 77 grid-column: span 2 / span 2; 78} 79.col-span-5 { 80 grid-column: span 5 / span 5; 81} 82.col-span-6 { 83 grid-column: span 6 / span 6; 84} 85.m-0 { 86 margin: 0px; 87} 88.m-auto { 89 margin: auto; 90} 91.mx-1 { 92 margin-left: 0.25rem; 93 margin-right: 0.25rem; 94} 95.mx-auto { 96 margin-left: auto; 97 margin-right: auto; 98} 99.my-1 { 100 margin-top: 0.25rem; 101 margin-bottom: 0.25rem; 102} 103.my-2 { 104 margin-top: 0.5rem; 105 margin-bottom: 0.5rem; 106} 107.mb-6 { 108 margin-bottom: 1.5rem; 109} 110.mr-1 { 111 margin-right: 0.25rem; 112} 113.mt-12 { 114 margin-top: 3rem; 115} 116.mt-4 { 117 margin-top: 1rem; 118} 119.mt-6 { 120 margin-top: 1.5rem; 121} 122.block { 123 display: block; 124} 125.inline-block { 126 display: inline-block; 127} 128.inline { 129 display: inline; 130} 131.flex { 132 display: flex; 133} 134.inline-flex { 135 display: inline-flex; 136} 137.grid { 138 display: grid; 139} 140.hidden { 141 display: none; 142} 143.h-0 { 144 height: 0px; 145} 146.h-4 { 147 height: 1rem; 148} 149.h-5 { 150 height: 1.25rem; 151} 152.h-6 { 153 height: 1.5rem; 154} 155.h-auto { 156 height: auto; 157} 158.h-full { 159 height: 100%; 160} 161.w-1\/5 { 162 width: 20%; 163} 164.w-12 { 165 width: 3rem; 166} 167.w-28 { 168 width: 7rem; 169} 170.w-4 { 171 width: 1rem; 172} 173.w-4\/5 { 174 width: 80%; 175} 176.w-5 { 177 width: 1.25rem; 178} 179.w-6 { 180 width: 1.5rem; 181} 182.w-full { 183 width: 100%; 184} 185.max-w-4xl { 186 max-width: 56rem; 187} 188.max-w-none { 189 max-width: none; 190} 191.shrink-0 { 192 flex-shrink: 0; 193} 194.flex-grow { 195 flex-grow: 1; 196} 197.-rotate-90 { 198 --tw-rotate: -90deg; 199 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 200} 201.rotate-0 { 202 --tw-rotate: 0deg; 203 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 204} 205.rotate-180 { 206 --tw-rotate: 180deg; 207 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 208} 209.transform { 210 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 211} 212.scroll-mt-28 { 213 scroll-margin-top: 7rem; 214} 215.grid-cols-1 { 216 grid-template-columns: repeat(1, minmax(0, 1fr)); 217} 218.grid-cols-6 { 219 grid-template-columns: repeat(6, minmax(0, 1fr)); 220} 221.flex-row { 222 flex-direction: row; 223} 224.flex-col { 225 flex-direction: column; 226} 227.flex-wrap { 228 flex-wrap: wrap; 229} 230.items-center { 231 align-items: center; 232} 233.justify-start { 234 justify-content: flex-start; 235} 236.justify-end { 237 justify-content: flex-end; 238} 239.justify-center { 240 justify-content: center; 241} 242.gap-2 { 243 gap: 0.5rem; 244} 245.space-x-1 > :not([hidden]) ~ :not([hidden]) { 246 --tw-space-x-reverse: 0; 247 margin-right: calc(0.25rem * var(--tw-space-x-reverse)); 248 margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); 249} 250.divide-x > :not([hidden]) ~ :not([hidden]) { 251 --tw-divide-x-reverse: 0; 252 border-right-width: calc(1px * var(--tw-divide-x-reverse)); 253 border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); 254} 255.overflow-hidden { 256 overflow: hidden; 257} 258.whitespace-nowrap { 259 white-space: nowrap; 260} 261.rounded-lg { 262 border-radius: 0.5rem; 263} 264.rounded-md { 265 border-radius: 0.375rem; 266} 267.rounded-l-xl { 268 border-top-left-radius: 0.75rem; 269 border-bottom-left-radius: 0.75rem; 270} 271.rounded-r-lg { 272 border-top-right-radius: 0.5rem; 273 border-bottom-right-radius: 0.5rem; 274} 275.border { 276 border-width: 1px; 277} 278.border-0 { 279 border-width: 0px; 280} 281.border-l { 282 border-left-width: 1px; 283} 284.border-t { 285 border-top-width: 1px; 286} 287.border-t-2 { 288 border-top-width: 2px; 289} 290.border-solid { 291 border-style: solid; 292} 293.border-gray-300 { 294 --tw-border-opacity: 1; 295 border-color: rgb(209 213 219 / var(--tw-border-opacity)); 296} 297.border-uh-black { 298 --tw-border-opacity: 1; 299 border-color: rgb(var(--uh-color-black) / var(--tw-border-opacity)); 300} 301.border-uh-black\/60 { 302 border-color: rgb(var(--uh-color-black) / 0.6); 303} 304.border-uh-gray\/50 { 305 border-color: rgb(var(--uh-color-gray) / 0.5); 306} 307.border-uh-neutral-2 { 308 --tw-border-opacity: 1; 309 border-color: rgb(var(--uh-color-neutral-2) / var(--tw-border-opacity)); 310} 311.border-opacity-20 { 312 --tw-border-opacity: 0.2; 313} 314.border-opacity-5 { 315 --tw-border-opacity: 0.05; 316} 317.bg-uh-accent-1 { 318 --tw-bg-opacity: 1; 319 background-color: rgb(var(--uh-color-accent-1) / var(--tw-bg-opacity)); 320} 321.bg-uh-black { 322 --tw-bg-opacity: 1; 323 background-color: rgb(var(--uh-color-black) / var(--tw-bg-opacity)); 324} 325.bg-uh-black\/10 { 326 background-color: rgb(var(--uh-color-black) / 0.1); 327} 328.bg-uh-black\/5 { 329 background-color: rgb(var(--uh-color-black) / 0.05); 330} 331.bg-uh-gray\/20 { 332 background-color: rgb(var(--uh-color-gray) / 0.2); 333} 334.bg-uh-primary { 335 --tw-bg-opacity: 1; 336 background-color: rgb(var(--uh-color-primary) / var(--tw-bg-opacity)); 337} 338.bg-uh-secondary { 339 --tw-bg-opacity: 1; 340 background-color: rgb(var(--uh-color-secondary) / var(--tw-bg-opacity)); 341} 342.bg-uh-white { 343 --tw-bg-opacity: 1; 344 background-color: rgb(var(--uh-color-white) / var(--tw-bg-opacity)); 345} 346.bg-opacity-5 { 347 --tw-bg-opacity: 0.05; 348} 349.fill-current { 350 fill: currentColor; 351} 352.p-2 { 353 padding: 0.5rem; 354} 355.px-10 { 356 padding-left: 2.5rem; 357 padding-right: 2.5rem; 358} 359.px-2 { 360 padding-left: 0.5rem; 361 padding-right: 0.5rem; 362} 363.px-4 { 364 padding-left: 1rem; 365 padding-right: 1rem; 366} 367.px-8 { 368 padding-left: 2rem; 369 padding-right: 2rem; 370} 371.py-1 { 372 padding-top: 0.25rem; 373 padding-bottom: 0.25rem; 374} 375.py-12 { 376 padding-top: 3rem; 377 padding-bottom: 3rem; 378} 379.py-2 { 380 padding-top: 0.5rem; 381 padding-bottom: 0.5rem; 382} 383.py-4 { 384 padding-top: 1rem; 385 padding-bottom: 1rem; 386} 387.pb-0 { 388 padding-bottom: 0px; 389} 390.pb-16 { 391 padding-bottom: 4rem; 392} 393.pb-8 { 394 padding-bottom: 2rem; 395} 396.pl-2 { 397 padding-left: 0.5rem; 398} 399.pl-4 { 400 padding-left: 1rem; 401} 402.pr-2 { 403 padding-right: 0.5rem; 404} 405.pr-4 { 406 padding-right: 1rem; 407} 408.pt-0 { 409 padding-top: 0px; 410} 411.pt-16 { 412 padding-top: 4rem; 413} 414.pt-2 { 415 padding-top: 0.5rem; 416} 417.pt-8 { 418 padding-top: 2rem; 419} 420.text-center { 421 text-align: center; 422} 423.text-4xl { 424 font-size: 2.25rem; 425 line-height: 2.5rem; 426} 427.text-base { 428 font-size: 1rem; 429} 430.text-sm { 431 font-size: 0.875rem; 432} 433.text-xl { 434 font-size: 1.25rem; 435} 436.text-xs { 437 font-size: 0.75rem; 438} 439.font-bold { 440 font-weight: 700; 441} 442.font-semibold { 443 font-weight: 600; 444} 445.uppercase { 446 text-transform: uppercase; 447} 448.leading-none { 449 line-height: 1; 450} 451.text-branding-error { 452 --tw-text-opacity: 1; 453 color: rgb(248 113 113 / var(--tw-text-opacity)); 454} 455.text-current { 456 color: currentColor; 457} 458.text-uh-black { 459 --tw-text-opacity: 1; 460 color: rgb(var(--uh-color-black) / var(--tw-text-opacity)); 461} 462.text-uh-neutral-2 { 463 --tw-text-opacity: 1; 464 color: rgb(var(--uh-color-neutral-2) / var(--tw-text-opacity)); 465} 466.text-uh-white { 467 --tw-text-opacity: 1; 468 color: rgb(var(--uh-color-white) / var(--tw-text-opacity)); 469} 470.underline { 471 text-decoration-line: underline; 472} 473.antialiased { 474 -webkit-font-smoothing: antialiased; 475 -moz-osx-font-smoothing: grayscale; 476} 477.opacity-80 { 478 opacity: 0.8; 479} 480.shadow-lg { 481 --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
482 --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); 483 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 484} 485.shadow-sm { 486 --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); 487 --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); 488 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 489} 490.transition { 491 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; 492 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; 493 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; 494 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 495 transition-duration: 150ms; 496} 497.transition-all { 498 transition-property: all; 499 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 500 transition-duration: 150ms; 501} 502.transition-colors { 503 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; 504 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 505 transition-duration: 150ms; 506} 507.duration-150 { 508 transition-duration: 150ms; 509} 510.duration-300 { 511 transition-duration: 300ms; 512} 513.duration-700 { 514 transition-duration: 700ms; 515} 516.ease-in-out { 517 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 518} 519.first\:pl-0:first-child { 520 padding-left: 0px; 521} 522.hover\:bg-uh-accent-1-dark:hover { 523 --tw-bg-opacity: 1; 524 background-color: rgb(var(--uh-color-accent-1-dark) / var(--tw-bg-opacity)); 525} 526.hover\:bg-uh-black\/10:hover { 527 background-color: rgb(var(--uh-color-black) / 0.1); 528} 529.hover\:bg-uh-black\/20:hover { 530 background-color: rgb(var(--uh-color-black) / 0.2); 531} 532.hover\:bg-uh-black\/5:hover { 533 background-color: rgb(var(--uh-color-black) / 0.05); 534} 535.hover\:bg-opacity-10:hover { 536 --tw-bg-opacity: 0.1; 537} 538.hover\:opacity-100:hover { 539 opacity: 1; 540} 541.focus\:border-branding-outer-space:focus { 542 --tw-border-opacity: 1; 543 border-color: rgb(55 58 58 / var(--tw-border-opacity)); 544} 545.focus\:ring-branding-outer-space:focus { 546 --tw-ring-opacity: 1; 547 --tw-ring-color: rgb(55 58 58 / var(--tw-ring-opacity)); 548} 549.prose-headings\:mb-2 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 550 margin-bottom: 0.5rem; 551} 552.prose-p\:mb-4 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 553 margin-bottom: 1rem; 554} 555.prose-a\:text-uh-primary :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 556 --tw-text-opacity: 1; 557 color: rgb(var(--uh-color-primary) / var(--tw-text-opacity)); 558} 559.prose-a\:no-underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 560 text-decoration-line: none; 561} 562.hover\:prose-a\:text-uh-accent-1 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover { 563 --tw-text-opacity: 1; 564 color: rgb(var(--uh-color-accent-1) / var(--tw-text-opacity)); 565} 566.hover\:prose-a\:underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover { 567 text-decoration-line: underline; 568} 569.prose-strong\:text-uh-white :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 570 --tw-text-opacity: 1; 571 color: rgb(var(--uh-color-white) / var(--tw-text-opacity)); 572} 573.prose-img\:m-0 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 574 margin: 0px; 575} 576.prose-img\:my-1 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 577 margin-top: 0.25rem; 578 margin-bottom: 0.25rem; 579} 580.prose-img\:mr-1 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 581 margin-right: 0.25rem; 582} 583.prose-img\:w-20 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 584 width: 5rem; 585} 586.prose-img\:w-full :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 587 width: 100%; 588} 589@media (min-width: 768px) { 590 .md\:absolute { 591 position: absolute; 592 } 593 .md\:\!left-\[unset\] { 594 left: unset !important; 595 } 596 .md\:left-0 { 597 left: 0px; 598 } 599 .md\:left-full { 600 left: 100%; 601 } 602 .md\:right-0 { 603 right: 0px; 604 } 605 .md\:right-full { 606 right: 100%; 607 } 608 .md\:top-0 { 609 top: 0px; 610 } 611 .md\:top-full { 612 top: 100%; 613 } 614 .md\:z-10 { 615 z-index: 10; 616 } 617 .md\:col-span-10 { 618 grid-column: span 10 / span 10; 619 } 620 .md\:col-span-2 { 621 grid-column: span 2 / span 2; 622 } 623 .md\:col-span-3 { 624 grid-column: span 3 / span 3; 625 } 626 .md\:col-span-5 { 627 grid-column: span 5 / span 5; 628 } 629 .md\:col-span-9 { 630 grid-column: span 9 / span 9; 631 } 632 .md\:mx-0 { 633 margin-left: 0px; 634 margin-right: 0px; 635 } 636 .md\:mb-4 { 637 margin-bottom: 1rem; 638 } 639 .md\:flex { 640 display: flex; 641 } 642 .md\:grid { 643 display: grid; 644 } 645 .md\:hidden { 646 display: none; 647 } 648 .md\:w-auto { 649 width: auto; 650 } 651 .md\:w-full { 652 width: 100%; 653 } 654 .md\:grid-cols-12 { 655 grid-template-columns: repeat(12, minmax(0, 1fr)); 656 } 657 .md\:grid-cols-3 { 658 grid-template-columns: repeat(3, minmax(0, 1fr)); 659 } 660 .md\:grid-cols-5 { 661 grid-template-columns: repeat(5, minmax(0, 1fr)); 662 } 663 .md\:flex-row { 664 flex-direction: row; 665 } 666 .md\:flex-wrap { 667 flex-wrap: wrap; 668 } 669 .md\:items-start {
670 align-items: flex-start; 671 } 672 .md\:justify-end { 673 justify-content: flex-end; 674 } 675 .md\:gap-0 { 676 gap: 0px; 677 } 678 .md\:rounded-none { 679 border-radius: 0px; 680 } 681 .md\:border-none { 682 border-style: none; 683 } 684 .md\:bg-transparent { 685 background-color: transparent; 686 } 687 .md\:px-2 { 688 padding-left: 0.5rem; 689 padding-right: 0.5rem; 690 } 691 .md\:\!pr-2 { 692 padding-right: 0.5rem !important; 693 } 694 .md\:text-sm { 695 font-size: 0.875rem; 696 } 697 .md\:shadow-none { 698 --tw-shadow: 0 0 #0000; 699 --tw-shadow-colored: 0 0 #0000; 700 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 701 } 702 .md\:transition-all { 703 transition-property: all; 704 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 705 transition-duration: 150ms; 706 } 707 .md\:duration-150 { 708 transition-duration: 150ms; 709 } 710 .md\:prose-img\:w-28 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 711 width: 7rem; 712 }} 713 714@media (min-width: 1024px) { 715 .lg\:col-span-10 { 716 grid-column: span 10 / span 10; 717 } 718 .lg\:grid { 719 display: grid; 720 } 721 .lg\:w-3\/4 { 722 width: 75%; 723 } 724 .lg\:max-w-prose { 725 max-width: 65ch; 726 } 727 .lg\:grid-cols-2 { 728 grid-template-columns: repeat(2, minmax(0, 1fr)); 729 } 730 .lg\:px-0 { 731 padding-left: 0px; 732 padding-right: 0px; 733 }} 734 735</style>
735<script src="/sites/default/files/tailwindcss_utility/tailwind.js"></script>
735<script src="/themes/custom/uh_tw/build/tailwind-config-cdn.js"></script>
735<script>tailwind.config.safelist = tailwind.config.safelist.concat(["[&_div.link-wrapper]:flex","[&_div.link-wrapper]:flex-grow","[&_div.link-wrapper]:flex-row","[&_div.link-wrapper]:items-center","[&_div.link-wrapper]:justify-center","[&_div.link-wrapper]:md:justify-start","[&_div.link-wrapper]:md:w-auto","[&_div.link-wrapper]:w-full","md:item-center","prose-a:text-uh-white","prose-h4:mt-0"]);</script>
735 736<link rel="stylesheet" media="all" href="/sites/default/files/css/css_x9Sb6wUy4_iGZ88oweu4YqEWUxcUzZQi56NmZB6Keew.css?delta=3&language=en&theme=uh_tw&include=eJxVjVEOQDAQBS9UeiRZ-rTLVsWuqNsT4cPnzMcMjTpkdJaQeYle2XBwQKN2CtQNZYMP276StDRR_YnAJCU6VBNe5s--6PRUQ_Y9KdyeOjv8WtSaKKUnefr38AJdpTFo" /> 737 738
738<script src="/libraries/fontawesome/js/brands.min.js?v=6.4.2" defer></script>
vendor: 1 bytes, line 738
738
739<script src="/libraries/fontawesome/js/regular.min.js?v=6.4.2" defer></script>
vendor: 1 bytes, line 739
739
740<script src="/libraries/fontawesome/js/solid.min.js?v=6.4.2" defer></script>
vendor: 1 bytes, line 740
740
741<script src="/libraries/fontawesome/js/fontawesome.min.js?v=6.4.2" defer></script>
741 742 743 </head> 744 <body class="hide-gin-toolbar group/uh-site"> 745 <a href="#main-content" class="visually-hidden focusable"> 746 Skip to main content 747 </a> 748 749 <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> 750 751 752<div class="w-full mx-auto text-uh-black"> 753 754 755 756 <div id="site-header" class="md:grid-cols-5 font-semibold relative z-50 inline" x-data="{ open: false }"> 757 758 759 760<div class="md:grid md:grid-cols-12 md:col-span-5 bg-uh-white z-10 shadow-lg site-logo-wrapper sticky top-0"> 761 <!-- site logo --> 762 <div class="md:col-span-9 site-branding p-2"> 763 764<div class="flex items-center w-full"> 765 <!-- mobile menu button --> 766 <div id="mobile-nav-button" class="flex justify-end order-2 w-1/5 md:hidden"> 767 <button type="button" class="inline-flex items-center justify-center p-2 rounded-md" aria-controls="mobile-menu" x-on:click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()"> 768 <span class="sr-only">Open main menu</span> 769 <svg x-description="Icon when menu is closed. Heroicon name: outline/menu" x-state:on="Menu open" x-state:off="Menu closed" class="block w-6 h-6" :class="{ 'hidden': open, 'block': !(open) }" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> 770 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> 771 </svg> 772 <svg x-description="Icon when menu is open. Heroicon name: outline/x" x-state:on="Menu open" x-state:off="Menu closed" class="hidden w-6 h-6" :class="{ 'block': open, 'hidden': !(open) }" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> 773 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> 774 </svg> 775 </button> 776 </div> 777 <!-- ./mobile menu button --> 778 <div class="w-4/5 md:w-full order-1"> 779 <a class="flex w-full items-center" href="/"> 780 <div class="site-logo w-28 pr-2 prose prose-img:w-full prose-img:m-0 shrink-0"> 781 <picture> 782 <source srcset="/sites/default/files/styles/logo/public/logos/transparent-afscme_ca_people_we_make_ca_happen.png.webp?itok=0eHgn0ju 1x" media="all and (min-width: 1280px)" type="image/webp" width="400" height="225"/> 783 <source srcset="/sites/default/files/styles/logo/public/logos/transparent-afscme_ca_people_we_make_ca_happen.png.webp?itok=0eHgn0ju 1x, /sites/default/files/styles/logo_2x/public/logos/transparent-afscme_ca_people_we_make_ca_happen.png.webp?itok=WGqZIQT- 2x" media="all and (min-width: 1024px) and (max-width: 1279px)" type="image/webp" width="400" height="225"/> 784 <source srcset="/sites/default/files/styles/logo/public/logos/transparent-afscme_ca_people_we_make_ca_happen.png.webp?itok=0eHgn0ju 1x, /sites/default/files/styles/logo_2x/public/logos/transparent-afscme_ca_people_we_make_ca_happen.png.webp?itok=WGqZIQT- 2x" type="image/webp" width="400" height="225"/> 785 <img src="/sites/default/files/styles/logo/public/logos/transparent-afscme_ca_people_we_make_ca_happen.png.webp?itok=0eHgn0ju" alt="transparent-afscme_ca_people_we_make_ca_happen.png" /> 786 787 </picture> 788 789 </div> 790 <div class="site-name font-bold text-uh-black uppercase pl-4 border-l border-uh-black/60 border-solid"> 791 <div class="label">AFSCME California </div> 792 793 </div> 794 </a> 795 </div> 796</div> 797 798 799 800 </div> 801 <!-- ./site logo --> 802 <div class="md:col-span-3 socials p-2 hidden md:flex justify-end"> 803 804 805 <div class="flex my-2 space-x-1"> 806 807 <a href="https://facebook.com/afscme" class="opacity-80 hover:opacity-100"> 808 <i class="items-center justify-center mx-1 text-xl fab fa-facebook"></i> 809 <span class="sr-only">Facebook</span> 810 </a> 811 <a href="https://twitter.com/afscme" class="opacity-80 hover:opacity-100"> 812 <i class="items-center justify-center mx-1 text-xl fab fa-twitter"></i>
813 <span class="sr-only">Twitter</span> 814 </a> 815 <a href="https://www.youtube.com/user/afscme" class="opacity-80 hover:opacity-100"> 816 <i class="items-center justify-center mx-1 text-xl fab fa-youtube"></i> 817 <span class="sr-only">Youtube</span> 818 </a> 819 820 </div> 821 822 823 824 </div> 825 826 <!-- site menu --> 827 <div class="z-100 relative md:col-span-10 lg:col-span-10 flex items-center md:px-2 site-menu-outer-wrapper"> 828 829 830 831 832 833 834 835 836 837 838 839 840 841 842 843 844 845 846<div class="hidden md:flex flex-row md:justify-end w-full z-10 text-sm" x-data="{search_open : false}"> 847 848 <div class="flex-grow"> 849 850 851 852 <ul class="site-menu menu flex flex-col w-full container mx-auto md:mx-0 text-sm md:w-auto md:flex-row md:item-center md:flex-wrap bg-uh-white text-current justify-start"> 853 <li class="menu-item menu-item--expanded relative flex hover:bg-uh-black/5 md:w-auto transition-all duration-150 [&_div.link-wrapper]:flex [&_div.link-wrapper]:flex-grow [&_div.link-wrapper]:flex-row [&_div.link-wrapper]:w-full [&_div.link-wrapper]:md:w-auto [&_div.link-wrapper]:justify-center [&_div.link-wrapper]:items-center md:transition-all md:duration-150 [&_div.link-wrapper]:md:justify-start" x-data="{openSubmenu1 : false, ariaExpanded: false}" @mouseenter="if (!isTouchDevice) { if (window.innerWidth > 769) { openSubmenu1 = true; } }" @mouseleave="if (!isTouchDevice) { if (window.innerWidth > 769) { openSubmenu1 = false; } }" @resize.window="openSubmenu1 = false, openSubmenu2 = false" x-on:click.away="openSubmenu1 = false" 854 > 855 <div class='link-wrapper group'> 856 <a href="/about-us" class="flex px-4 py-2 h-full whitespace-nowrap menu-level-1 md:!pr-2" data-drupal-link-system-path="node/13605">About Us</a> 857 <button @click="openSubmenu1 = !openSubmenu1" 858 :aria-expanded="openSubmenu1 ? 'true' : 'false'" 859 class="submenu-toggle w-12 flex justify-center items-center bg-uh-black border border-uh-black border-solid rounded-lg shadow-sm border-opacity-5 bg-opacity-5 hover:bg-opacity-10 mr-1 md:w-auto md:bg-transparent md:border-none md:rounded-none md:shadow-none" 860 @focusin="if (keyboardNavigation) { openSubmenu1 = false, openSubmenu2 = false }" 861 title="Expand section"> 862 <i class="down-arrow"> 863 <span class=""> 864 <svg class="w-4 h-4 transition duration-150 ease-in-out transform fill-current " 865 xmlns="http://www.w3.org/2000/svg"
866 viewBox="0 0 20 20" 867 :class="{ 'rotate-180': openSubmenu1 }">> 868 <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/> 869 </svg> 870 </span> 871 </i> 872 </button> 873 </div> 874 875 876 877<ul 878 class="flex flex-col w-full md:z-10 md:w-auto md:absolute md:top-full md:left-0 md:transition-all md:duration-150 dropdown-1 bg-uh-white text-current" 879 x-show="openSubmenu1" x-transition:enter="md:transition md:ease-out md:duration-100" 880 x-transition:enter-start="md:transform md:opacity-0 md:scale-95" 881 x-transition:enter-end="md:transform md:opacity-100 md:scale-100" 882 x-transition:leave="md:transition md:ease-in md:duration-75" 883 x-transition:leave-start="md:transform md:opacity-100 md:scale-100" 884 x-transition:leave-end="md:transform md:opacity-0 md:scale-95" 885 style="display: none;"> 886 <li class="menu-item flex bg-uh-black/5 hover:bg-uh-black/10 md:items-start md:transition-all md:duration-150 "> 887 <a href="/who-afscme-california" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/14997">Who is AFSCME California?</a> 888 </li> 889 <li class="menu-item flex bg-uh-black/5 hover:bg-uh-black/10 md:items-start md:transition-all md:duration-150 "> 890 <a href="/contact-us" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/13611">Contact Us</a> 891 </li> 892 </ul> 893 894 </li> 895 <li class="menu-item flex hover:bg-uh-black/5 md:w-auto transition-all duration-150 "> 896 <a href="/news" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/13608">News</a> 897 </li> 898 <li class="menu-item flex hover:bg-uh-black/5 md:w-auto transition-all duration-150 "> 899 <a href="/take-action" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/13609">Take Action</a> 900 </li> 901 <li class="menu-item menu-item--expanded relative menu-item--active-trail flex hover:bg-uh-black/5 md:w-auto transition-all duration-150 [&_div.link-wrapper]:flex [&_div.link-wrapper]:flex-grow [&_div.link-wrapper]:flex-row [&_div.link-wrapper]:w-full [&_div.link-wrapper]:md:w-auto [&_div.link-wrapper]:justify-center [&_div.link-wrapper]:items-center md:transition-all md:duration-150 [&_div.link-wrapper]:md:justify-start" x-data="{openSubmenu1 : false, ariaExpanded: false}" @mouseenter="if (!isTouchDevice) { if (window.innerWidth > 769) { openSubmenu1 = true; } }" @mouseleave="if (!isTouchDevice) { if (window.innerWidth > 769) { openSubmenu1 = false; } }" @resize.window="openSubmenu1 = false, openSubmenu2 = false" x-on:click.away="openSubmenu1 = false" 902 > 903 <div class='link-wrapper group'> 904 <a href="/afscme-california-people-primary-endorsements/afscme-california-people-state" class="flex px-4 py-2 h-full whitespace-nowrap menu-level-1 md:!pr-2" data-drupal-link-system-path="node/195700">Endorsements</a> 905 <button @click="openSubmenu1 = !openSubmenu1" 906 :aria-expanded="openSubmenu1 ? 'true' : 'false'" 907 class="submenu-toggle w-12 flex justify-center items-center bg-uh-black border border-uh-black border-solid rounded-lg shadow-sm border-opacity-5 bg-opacity-5 hover:bg-opacity-10 mr-1 md:w-auto md:bg-transparent md:border-none md:rounded-none md:shadow-none" 908 @focusin="if (keyboardNavigation) { openSubmenu1 = false, openSubmenu2 = false }" 909 title="Expand section"> 910 <i class="down-arrow"> 911 <span class=""> 912 <svg class="w-4 h-4 transition duration-150 ease-in-out transform fill-current " 913 xmlns="http://www.w3.org/2000/svg"
914 viewBox="0 0 20 20" 915 :class="{ 'rotate-180': openSubmenu1 }">> 916 <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/> 917 </svg> 918 </span> 919 </i> 920 </button> 921 </div> 922 923 924 925<ul 926 class="flex flex-col w-full md:z-10 md:w-auto md:absolute md:top-full md:left-0 md:transition-all md:duration-150 dropdown-1 bg-uh-white text-current" 927 x-show="openSubmenu1" x-transition:enter="md:transition md:ease-out md:duration-100" 928 x-transition:enter-start="md:transform md:opacity-0 md:scale-95" 929 x-transition:enter-end="md:transform md:opacity-100 md:scale-100" 930 x-transition:leave="md:transition md:ease-in md:duration-75" 931 x-transition:leave-start="md:transform md:opacity-100 md:scale-100" 932 x-transition:leave-end="md:transform md:opacity-0 md:scale-95" 933 style="display: none;"> 934 <li class="menu-item flex bg-uh-black/5 hover:bg-uh-black/10 md:items-start md:transition-all md:duration-150 "> 935 <a href="/afscme-federal-election-endorsements" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/195699">AFSCME Federal Election Primary Endorsements</a> 936 </li> 937 <li class="menu-item flex bg-uh-black/5 hover:bg-uh-black/10 md:items-start md:transition-all md:duration-150 "> 938 <a href="/afscme-california-people-primary-endorsements" title="2026 State Primary Endorsements" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/187105">AFSCME California PEOPLE Primary Endorsements</a> 939 </li> 940 <li class="menu-item menu-item--active-trail flex bg-uh-black/5 hover:bg-uh-black/10 md:items-start md:transition-all md:duration-150 "> 941 <a href="/afscme-federal-election-endorsements/afscme-california-ballot-measure" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/207297">Ballot Measure Endorsements</a> 942 </li> 943 <li class="menu-item flex bg-uh-black/5 hover:bg-uh-black/10 md:items-start md:transition-all md:duration-150 "> 944 <a href="/afscme-california-people-primary-endorsements/election-center" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/195701">Election Center</a> 945 </li> 946 </ul> 947 948 </li> 949 <li class="menu-item flex hover:bg-uh-black/5 md:w-auto transition-all duration-150 "> 950 <a href="/2024-legislative-scorecard" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/1002267">2024 Legislative Scorecard</a> 951 </li> 952 <li class="menu-item menu-item--expanded relative flex hover:bg-uh-black/5 md:w-auto transition-all duration-150 [&_div.link-wrapper]:flex [&_div.link-wrapper]:flex-grow [&_div.link-wrapper]:flex-row [&_div.link-wrapper]:w-full [&_div.link-wrapper]:md:w-auto [&_div.link-wrapper]:justify-center [&_div.link-wrapper]:items-center md:transition-all md:duration-150 [&_div.link-wrapper]:md:justify-start" x-data="{openSubmenu1 : false, ariaExpanded: false}" @mouseenter="if (!isTouchDevice) { if (window.innerWidth > 769) { openSubmenu1 = true; } }" @mouseleave="if (!isTouchDevice) { if (window.innerWidth > 769) { openSubmenu1 = false; } }" @resize.window="openSubmenu1 = false, openSubmenu2 = false" x-on:click.away="openSubmenu1 = false" 953 > 954 <div class='link-wrapper group'> 955 <a href="/resources" class="flex px-4 py-2 h-full whitespace-nowrap menu-level-1 md:!pr-2" data-drupal-link-system-path="node/13616">Resources</a> 956 <button @click="openSubmenu1 = !openSubmenu1" 957 :aria-expanded="openSubmenu1 ? 'true' : 'false'" 958 class="submenu-toggle w-12 flex justify-center items-center bg-uh-black border border-uh-black border-solid rounded-lg shadow-sm border-opacity-5 bg-opacity-5 hover:bg-opacity-10 mr-1 md:w-auto md:bg-transparent md:border-none md:rounded-none md:shadow-none" 959 @focusin="if (keyboardNavigation) { openSubmenu1 = false, openSubmenu2 = false }" 960 title="Expand section"> 961 <i class="down-arrow">
962 <span class=""> 963 <svg class="w-4 h-4 transition duration-150 ease-in-out transform fill-current " 964 xmlns="http://www.w3.org/2000/svg" 965 viewBox="0 0 20 20" 966 :class="{ 'rotate-180': openSubmenu1 }">> 967 <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/> 968 </svg> 969 </span> 970 </i> 971 </button> 972 </div> 973 974 975 976<ul 977 class="flex flex-col w-full md:z-10 md:w-auto md:absolute md:top-full md:left-0 md:transition-all md:duration-150 dropdown-1 bg-uh-white text-current md:!left-[unset] md:right-0" 978 x-show="openSubmenu1" x-transition:enter="md:transition md:ease-out md:duration-100" 979 x-transition:enter-start="md:transform md:opacity-0 md:scale-95" 980 x-transition:enter-end="md:transform md:opacity-100 md:scale-100" 981 x-transition:leave="md:transition md:ease-in md:duration-75" 982 x-transition:leave-start="md:transform md:opacity-100 md:scale-100" 983 x-transition:leave-end="md:transform md:opacity-0 md:scale-95" 984 style="display: none;"> 985 <li class="menu-item flex bg-uh-black/5 hover:bg-uh-black/10 md:items-start md:transition-all md:duration-150 "> 986 <a href="/what-union" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/13614">What is a Union?</a> 987 </li> 988 <li class="menu-item flex bg-uh-black/5 hover:bg-uh-black/10 md:items-start md:transition-all md:duration-150 "> 989 <a href="/member-benefits" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/13607">Member Benefits</a> 990 </li> 991 <li class="menu-item flex bg-uh-black/5 hover:bg-uh-black/10 md:items-start md:transition-all md:duration-150 "> 992 <a href="/resources-afscme-constitution" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/13615">AFSCME Constitution</a> 993 </li> 994 <li class="menu-item menu-item--expanded relative flex bg-uh-black/5 hover:bg-uh-black/10 md:items-start md:transition-all md:duration-150 " x-data="{openSubmenu2 : false, ariaExpanded: false}" @mouseenter="if (!isTouchDevice) { if (window.innerWidth > 769) { openSubmenu2 = true; } }" @mouseleave="if (!isTouchDevice) { if (window.innerWidth > 769) { openSubmenu2 = false; } }" @resize.window="openSubmenu1 = false, openSubmenu2 = false" x-on:click.away="openSubmenu2 = false" 995 > 996 <div class='link-wrapper group'> 997 <a href="/covid-19-news-and-resources" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/81034">COVID-19 News and Resources</a> 998 <button @click="openSubmenu2 = !openSubmenu2" 999 :aria-expanded="openSubmenu2 ? 'true' : 'false'" 1000 class="submenu-toggle w-12 flex justify-center items-center bg-uh-black border border-uh-black border-solid rounded-lg shadow-sm border-opacity-5 bg-opacity-5 hover:bg-opacity-10 mr-1 md:w-auto md:bg-transparent md:border-none md:rounded-none md:shadow-none" 1001 @focusin="if (keyboardNavigation) { openSubmenu2 = false, openSubmenu3 = false }" 1002 title="Expand section"> 1003 <i x-data="{ isSmallScreen: false }" 1004 x-init="isSmallScreen = window.matchMedia('(max-width: 768px)').matches" 1005 x-bind:class="{ 'arrow-right text-base': isSmallScreen }" 1006 x-show="!isSmallScreen" 1007 @resize.window="isSmallScreen = window.matchMedia('(max-width: 768px)').matches"> 1008 <svg class="w-4 h-4 transition duration-150 ease-in-out transform fill-current -rotate-90" 1009 xmlns="http://www.w3.org/2000/svg"
1010 viewBox="0 0 20 20" 1011 > 1012 <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/> 1013 </svg> 1014 </i> 1015 <i x-data="{ isSmallScreen: false }" 1016 x-init="isSmallScreen = window.matchMedia('(max-width: 768px)').matches" 1017 x-bind:class="{ 'arrow-down text-base': !isSmallScreen }" 1018 x-show="isSmallScreen" 1019 @resize.window="isSmallScreen = window.matchMedia('(max-width: 768px)').matches"> 1020 <svg class="w-4 h-4 transition duration-150 ease-in-out transform fill-current " 1021 xmlns="http://www.w3.org/2000/svg" 1022 viewBox="0 0 20 20" 1023 :class="{ 'rotate-180': openSubmenu2 }">> 1024 <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/> 1025 </svg> 1026 </i> 1027 </button> 1028 </div> 1029 1030 1031 1032<ul 1033 class="flex flex-col w-full md:z-10 md:w-auto md:absolute md:top-0 md:left-full dropdown-2 bg-uh-white text-current md:!left-[unset] md:right-full" 1034 x-show="openSubmenu2" x-transition:enter="md:transition md:ease-out md:duration-100" 1035 x-transition:enter-start="md:transform md:opacity-0 md:scale-95" 1036 x-transition:enter-end="md:transform md:opacity-100 md:scale-100" 1037 x-transition:leave="md:transition md:ease-in md:duration-75" 1038 x-transition:leave-start="md:transform md:opacity-100 md:scale-100" 1039 x-transition:leave-end="md:transform md:opacity-0 md:scale-95" 1040 style="display: none;"> 1041 <li class="menu-item flex bg-uh-black/10 hover:bg-uh-black/20 md:items-start md:transition-all md:duration-150 "> 1042 <a href="/state-california-covid-19-resources" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/81035">State of California COVID-19 Resources</a> 1043 </li> 1044 <li class="menu-item flex bg-uh-black/10 hover:bg-uh-black/20 md:items-start md:transition-all md:duration-150 "> 1045 <a href="/local-government-covid-19-resources" class="flex px-4 py-2 h-full whitespace-nowrap " data-drupal-link-system-path="node/81036">Local Government COVID-19 Resources</a> 1046 </li> 1047 </ul> 1048 1049 </li> 1050 </ul> 1051 1052 </li> 1053 </ul> 1054 1055 </div> 1056 1057 1058</div> 1059 1060 1061 1062 1063 1064 <ul class="block w-full bg-uh-white text-current border-0 menu md:hidden mobile-site-menu text-sm pt-2 border-t-2" x-description="Mobile menu, show/hide based on menu state." id="mobile-menu" x-show="open" style="display: none;"> 1065 1066 <li class="menu-item menu-item--expanded grid grid-cols-6 relative" x-data="{selected:null}" > 1067 1068 <a href="/about-us" class="flex px-4 py-1 col-span-5 hover:bg-uh-black/5" data-drupal-link-system-path="node/13605">About Us</a> 1069 <div class="col-span-1 py-2 pl-2 pr-4"> 1070 <button type="button" class="block w-full h-full bg-uh-black border border-uh-black border-solid rounded-lg shadow-sm border-opacity-5 bg-opacity-5 hover:bg-opacity-10" x-on:click="selected !== 0 ? selected = 0 : selected = null" arial-label="Toggle menu" x-bind:aria-expanded="selected == 0 ? 'true' : 'false'"> 1071 <svg class="w-5 h-5 m-auto transform" x-description="Heroicon name: solid/chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" x-bind:class="selected == 0 ? 'rotate-180' : 'rotate-0'"> 1072 <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path> 1073 </svg> 1074 </button> 1075 </div> 1076 <div class="relative col-span-6 overflow-hidden transition-all duration-700" x-ref="container0" x-bind:class="selected == 0 ? 'h-auto' : 'h-0'" x-bind:aria-hidden="selected == 0 ? 'false' : 'true'"> 1077 1078 <ul class="block w-full bg-uh-black/5"> 1079 1080 <li class="menu-item relative" > 1081 1082 <a href="/who-afscme-california" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/14997">Who is AFSCME California?</a> 1083 1084 1085 </li> 1086 <li class="menu-item relative" > 1087 1088 <a href="/contact-us" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/13611">Contact Us</a> 1089 1090 1091 </li> 1092 1093 1094 1095</ul> 1096 1097 1098 </div> 1099 </li> 1100 <li class="menu-item relative" > 1101 1102 <a href="/news" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/13608">News</a> 1103 1104 1105 </li> 1106 <li class="menu-item relative" > 1107 1108 <a href="/take-action" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/13609">Take Action</a> 1109 1110 1111 </li> 1112 <li class="menu-item menu-item--expanded grid grid-cols-6 menu-item--active-trail relative" x-data="{selected:null}" > 1113 1114 <a href="/afscme-california-people-primary-endorsements/afscme-california-people-state" class="flex px-4 py-1 col-span-5 hover:bg-uh-black/5" data-drupal-link-system-path="node/195700">Endorsements</a> 1115 <div class="col-span-1 py-2 pl-2 pr-4"> 1116 <button type="button" class="block w-full h-full bg-uh-black border border-uh-black border-solid rounded-lg shadow-sm border-opacity-5 bg-opacity-5 hover:bg-opacity-10" x-on:click="selected !== 0 ? selected = 0 : selected = null" arial-label="Toggle menu" x-bind:aria-expanded="selected == 0 ? 'true' : 'false'"> 1117 <svg class="w-5 h-5 m-auto transform" x-description="Heroicon name: solid/chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" x-bind:class="selected == 0 ? 'rotate-180' : 'rotate-0'"> 1118 <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path> 1119 </svg> 1120 </button> 1121 </div> 1122 <div class="relative col-span-6 overflow-hidden transition-all duration-700" x-ref="container0" x-bind:class="selected == 0 ? 'h-auto' : 'h-0'" x-bind:aria-hidden="selected == 0 ? 'false' : 'true'"> 1123 1124 <ul class="block w-full bg-uh-black/5"> 1125 1126 <li class="menu-item relative" > 1127 1128 <a href="/afscme-federal-election-endorsements" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/195699">AFSCME Federal Election Primary Endorsements</a> 1129 1130 1131 </li> 1132 <li class="menu-item relative" > 1133 1134 <a href="/afscme-california-people-primary-endorsements" title="2026 State Primary Endorsements" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/187105">AFSCME California PEOPLE Primary Endorsements</a> 1135 1136 1137 </li> 1138 <li class="menu-item menu-item--active-trail relative" > 1139 1140 <a href="/afscme-federal-election-endorsements/afscme-california-ballot-measure" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/207297">Ballot Measure Endorsements</a> 1141 1142 1143 </li> 1144 <li class="menu-item relative" > 1145 1146 <a href="/afscme-california-people-primary-endorsements/election-center" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/195701">Election Center</a> 1147 1148 1149 </li> 1150 1151 1152 1153</ul> 1154 1155 1156 </div> 1157 </li> 1158 <li class="menu-item relative" > 1159
1160 <a href="/2024-legislative-scorecard" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/1002267">2024 Legislative Scorecard</a> 1161 1162 1163 </li> 1164 <li class="menu-item menu-item--expanded grid grid-cols-6 relative" x-data="{selected:null}" > 1165 1166 <a href="/resources" class="flex px-4 py-1 col-span-5 hover:bg-uh-black/5" data-drupal-link-system-path="node/13616">Resources</a> 1167 <div class="col-span-1 py-2 pl-2 pr-4"> 1168 <button type="button" class="block w-full h-full bg-uh-black border border-uh-black border-solid rounded-lg shadow-sm border-opacity-5 bg-opacity-5 hover:bg-opacity-10" x-on:click="selected !== 0 ? selected = 0 : selected = null" arial-label="Toggle menu" x-bind:aria-expanded="selected == 0 ? 'true' : 'false'"> 1169 <svg class="w-5 h-5 m-auto transform" x-description="Heroicon name: solid/chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" x-bind:class="selected == 0 ? 'rotate-180' : 'rotate-0'"> 1170 <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path> 1171 </svg> 1172 </button> 1173 </div> 1174 <div class="relative col-span-6 overflow-hidden transition-all duration-700" x-ref="container0" x-bind:class="selected == 0 ? 'h-auto' : 'h-0'" x-bind:aria-hidden="selected == 0 ? 'false' : 'true'"> 1175 1176 <ul class="block w-full bg-uh-black/5"> 1177 1178 <li class="menu-item relative" > 1179 1180 <a href="/what-union" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/13614">What is a Union?</a> 1181 1182 1183 </li> 1184 <li class="menu-item relative" > 1185 1186 <a href="/member-benefits" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/13607">Member Benefits</a> 1187 1188 1189 </li> 1190 <li class="menu-item relative" > 1191 1192 <a href="/resources-afscme-constitution" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/13615">AFSCME Constitution</a> 1193 1194 1195 </li> 1196 <li class="menu-item menu-item--expanded grid grid-cols-6 relative" x-data="{selected:null}" > 1197 1198 <a href="/covid-19-news-and-resources" class="flex px-4 py-1 col-span-5 hover:bg-uh-black/5" data-drupal-link-system-path="node/81034">COVID-19 News and Resources</a> 1199 <div class="col-span-1 py-2 pl-2 pr-4"> 1200 <button type="button" class="block w-full h-full bg-uh-black border border-uh-black border-solid rounded-lg shadow-sm border-opacity-5 bg-opacity-5 hover:bg-opacity-10" x-on:click="selected !== 1 ? selected = 1 : selected = null" arial-label="Toggle menu" x-bind:aria-expanded="selected == 1 ? 'true' : 'false'"> 1201 <svg class="w-5 h-5 m-auto transform" x-description="Heroicon name: solid/chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" x-bind:class="selected == 1 ? 'rotate-180' : 'rotate-0'"> 1202 <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path> 1203 </svg> 1204 </button> 1205 </div> 1206 <div class="relative col-span-6 overflow-hidden transition-all duration-700" x-ref="container1" x-bind:class="selected == 1 ? 'h-auto' : 'h-0'" x-bind:aria-hidden="selected == 1 ? 'false' : 'true'"> 1207 1208 <ul class="block w-full bg-uh-black/5"> 1209 1210 <li class="menu-item relative" > 1211 1212 <a href="/state-california-covid-19-resources" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/81035">State of California COVID-19 Resources</a> 1213 1214 1215 </li> 1216 <li class="menu-item relative" > 1217 1218 <a href="/local-government-covid-19-resources" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/81036">Local Government COVID-19 Resources</a> 1219 1220 1221 </li> 1222 1223 1224 1225</ul> 1226 1227 1228 </li> 1229 1230 1231 1232</ul> 1233 1234 1235 </div> 1236 </li> 1237 1238 1239 1240</ul> 1241 1242 1243 1244 1245 </div> 1246 <!-- ./site menu --> 1247 1248 <!-- search --> 1249 <div class="md:col-span-2 p-2 hidden md:flex items-center"> 1250 <form action="/search" method="get"> 1251 <div class="flex"> 1252 <label class="sr-only" for="desktop-search-site">Search site</label> 1253 <input x-ref="autoFocus" id="desktop-search-site" class="w-full py-1 px-2 text-xs border-0 bg-uh-gray/20 rounded-l-xl" type="search" placeholder="Search Site" name="keywords"> 1254 <button class="border-uh-gray/50 bg-uh-gray/20 text-uh-white text-xs py-1 px-2 rounded-r-lg"> 1255 <i class="fa-lg fas fa-search"></i><span class="sr-only">Search</span> 1256 </button> 1257 </div> 1258 </form> 1259 </div> 1260 <!-- ./search --> 1261 1262</div> 1263 1264 1265 1266 </div> 1267 1268 1269 <div> 1270 1271 </div> 1272 1273 1274 <div> 1275 <div data-drupal-messages-fallback class="hidden"></div> 1276 1277 </div> 1278 1279 1280 <main class="z-0"> 1281 <a id="main-content" tabindex="-1"></a> <div class="md:flex pb-0"> 1282
1283 <div id="page-content" class="grid w-full grid-cols-1 page-content"> 1284 <div> 1285 <div id="block-uh-tw-content"> 1286 1287 1288 1289 <article class="node"> 1290 1291 1292 1293 1294 1295 <div class="node-content"> 1296 1297 1298 <div class="layout layout--onecol layout--onecol--75 scroll-mt-28 pt-16 pb-8 px-8" id="title"> 1299 <div class="container px-4 mx-auto lg:px-0"> 1300 <div class="layout__region layout__region--content mx-auto lg:w-3/4"> 1301 <div id="" class="scroll-mt-28 flex w-full flex-wrap"> 1302 1303 1304 1305 1306<h1 class="text-center text-4xl font-bold w-full m-0">About Us</h1> 1307 1308 1309 </div> 1310 1311 </div> 1312 </div> 1313 </div> 1314 1315 1316 1317 <div class="layout layout--onecol layout--onecol--prose scroll-mt-28 pt-0 pb-16 px-8" id="desc"> 1318 <div class="container px-4 mx-auto lg:px-0"> 1319 <div class="layout__region layout__region--content mx-auto lg:max-w-prose"> 1320 <div id="" class="scroll-mt-28 flex w-full flex-wrap"> 1321 1322 1323 1324 1325<div class="w-full max-w-none prose prose-headings:mb-2 prose-p:mb-4 prose-a:text-uh-primary hover:prose-a:text-uh-accent-1 prose-a:no-underline hover:prose-a:underline"> 1326 <h3>We are <i>AFSCME</i></h3><p>Americaâs communities never rest. Streets need cleaning. Families need care. Students deserve well-run schools, and our neighborhoods demand safety. Thatâs why people who work in public service never stop. This isnât just a job. Itâs a calling. The work matters because it means something to make a community better.</p><p>AFSCME believes that every person working to sustain their community deserves respect. As part of the AFL-CIO, AFSCME is one of the nationâs leading advocates for working women and men. Our 1.4 million members provide the vital services that make America happen, and we believe everyone deserves a chance to fulfill the American dream.</p><p>AFSCME is the union that honors solidarity without conformity, drawing each memberâs story into a force of experience and commitment that canât be ignored. Thatâs how we win better lives for ourselves, our families, and our communities. For people proudly committed to public service, we never quit.</p><p>We are AFSCME, join us.</p> 1327</div> 1328 1329 1330 1331 1332 1333 </div> 1334 1335 </div> 1336 </div> 1337 </div> 1338 1339 1340 </div> 1341 1342</article> 1343 1344 1345 1346 </div> 1347 1348 </div> 1349 1350 </div> 1351 1352 </div> 1353 </main> 1354 1355 1356 1357</div> 1358<footer class="w-full antialiased footer" role="contentinfo"> 1359 <div class="footer"> 1360 <div> 1361 <div id="site_footer"> 1362 1363 1364 1365 1366<footer> 1367 <div class="grid grid-cols-1 md:grid-cols-3 md:gap-0 text-uh-white"> 1368 <div class="col-span-1 bg-uh-secondary px-10 py-12"> 1369 <div class="text-uh-white text-sm prose prose-inverse prose-a:text-uh-white prose-img:w-20 md:prose-img:w-28 prose-img:mr-1 prose-img:my-1 max-w-none prose-strong:text-uh-white prose-h4:mt-0"> 1370 1371 </div> 1372 1373 <div class="mt-6 social-media-links"> 1374 1375 <div class="flex my-2 space-x-1"> 1376 1377 <a href="https://facebook.com/afscme" class="opacity-80 hover:opacity-100"> 1378 <i class="items-center justify-center mx-1 text-xl fab fa-facebook"></i> 1379 <span class="sr-only">Facebook</span> 1380 </a> 1381 <a href="https://twitter.com/afscme" class="opacity-80 hover:opacity-100"> 1382 <i class="items-center justify-center mx-1 text-xl fab fa-twitter"></i> 1383 <span class="sr-only">Twitter</span> 1384 </a> 1385 <a href="https://www.youtube.com/user/afscme" class="opacity-80 hover:opacity-100"> 1386 <i class="items-center justify-center mx-1 text-xl fab fa-youtube"></i> 1387 <span class="sr-only">Youtube</span> 1388 </a> 1389 1390 </div> 1391 </div> 1392 1393 </div> 1394 1395 <div class="col-span-2 bg-uh-primary px-10 py-12 lg:grid lg:grid-cols-2"> 1396 <div class="col-span-1 mb-6"> 1397 <h3>Quick Links</h3> 1398 <div class="w-full text-uh-neutral-2 text-sm"> 1399 1400 1401 1402 1403 <ul class="menu justify-end w-full footer-menu relative border-0"> 1404 <li class="menu-item block"> 1405 <a href="/about-us" class="py-2 block" data-drupal-link-system-path="node/13605">About Us</a> 1406 </li> 1407 <li class="menu-item block"> 1408 <a href="/news" class="py-2 block" data-drupal-link-system-path="node/13608">News</a> 1409 </li> 1410 <li class="menu-item block"> 1411 <a href="/take-action" class="py-2 block" data-drupal-link-system-path="node/13609">Take Action</a> 1412 </li> 1413 <li class="menu-item block"> 1414 <a href="/afscme-california-people-primary-endorsements/afscme-california-people-state" class="py-2 block" data-drupal-link-system-path="node/195700">Endorsements</a> 1415 </li> 1416 <li class="menu-item block">
1417 <a href="/2024-legislative-scorecard" class="py-2 block" data-drupal-link-system-path="node/1002267">2024 Legislative Scorecard</a> 1418 </li> 1419 <li class="menu-item block"> 1420 <a href="/resources" class="py-2 block" data-drupal-link-system-path="node/13616">Resources</a> 1421 </li> 1422 </ul> 1423 1424 1425 1426 1427 1428 1429 </div> 1430 </div> 1431 <div class="col-span-1"> 1432 <div class="w-full"> 1433 1434<style> 1435 .email-signup-wrapper form { 1436 display: grid; 1437 grid-template-columns: repeat(3,minmax(0,1fr)); 1438 gap: 0.25rem; 1439 } 1440 .email-signup-wrapper input { 1441 width: 100%; 1442 color: rgb(var(--uh-color-primary-dark)); 1443 } 1444 .email-signup-wrapper input:focus { 1445 box-shadow: 0 0 2px 3px rgb(var(--uh-color-secondary)); 1446 outline: 2px solid transparent; 1447 outline-offset: 2px; 1448 border-color: rgba(0,0,0,0.75); 1449 } 1450 .email-signup-wrapper button { 1451 width: 100%; 1452 padding-right: 0.5em; 1453 padding-left: 0.5em; 1454 text-transform: uppercase; 1455 } 1456 .email-signup-wrapper button:hover { 1457 background-color: rgb(var(--uh-color-accent-1-dark)); 1458 } 1459 .email-signup-wrapper button:focus { 1460 outline: solid 2px rgb(var(--uh-color-accent-1)); 1461 } 1462 .email-signup-wrapper .signup-form-message { 1463 margin-top: 0.5rem; 1464 color: rgb(var(--uh-color-accent-1)); 1465 } 1466 .email-signup-wrapper form > div{ 1467 margin: 0 !important; 1468 } 1469 .email-signup-wrapper form > .form-item-email-address{ 1470 grid-column: span 3 / span 3; 1471 } 1472 .email-signup-wrapper form > .form-item-postal-code{ 1473 grid-column: span 2 / span 2; 1474 } 1475</style> 1476<div class="email-signup-wrapper w-full py-4 max-w-4xl mx-auto"> 1477 <h3>Get Email Updates</h3> 1478 <form class="email-signup-form" data-drupal-selector="email-signup-form" action="/about-us" method="post" id="email-signup-form" accept-charset="UTF-8"> 1479 1480<input data-drupal-selector="edit-config-wrapper" type="hidden" name="config[wrapper]" value="email-signup-wrapper" class="shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 rounded-md p-2 md:text-sm" /> 1481 1482 1483 1484 1485<input data-drupal-selector="edit-config-api-endpoint" type="hidden" name="config[api_endpoint]" value="https://actionnetwork.org/api/v2/forms/b6fdc959-64e5-4b5d-95f4-6c16c3024e94/submissions" class="shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 rounded-md p-2 md:text-sm" /> 1486 1487 1488 1489 1490<input data-drupal-selector="edit-config-tags" type="hidden" name="config[tags]" value="UnionHall," class="shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 rounded-md p-2 md:text-sm" /> 1491 1492 1493 1494 1495<input data-drupal-selector="edit-config-thank-you" type="hidden" name="config[thank_you]" value="Thanks for signing up!" class="shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 rounded-md p-2 md:text-sm" /> 1496 1497 1498 1499<div class="js-form-item form-item js-form-type-email form-item-email-address js-form-item-email-address form-no-label flex-col my-1 md:mb-4 flex flex-wrap w-full"> 1500 <label for="edit-email-address" class="visually-hidden js-form-required form-required font-bold">Email Address</label> 1501 1502<input placeholder="Email Address" data-drupal-selector="edit-email-address" type="email" id="edit-email-address" name="email_address" value="" size="60" maxlength="254" class="form-email required shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 rounded-md p-2 md:text-sm" required="required" /> 1503 1504 1505 1506 1507 </div> 1508<div class="js-form-item form-item js-form-type-textfield form-item-postal-code js-form-item-postal-code form-no-label flex-col my-1 md:mb-4 flex flex-wrap w-full"> 1509 <label for="edit-postal-code" class="visually-hidden js-form-required form-required font-bold">ZIP</label> 1510 1511<input placeholder="ZIP" data-drupal-selector="edit-postal-code" type="text" id="edit-postal-code" name="postal_code" value="" size="10" maxlength="128" class="form-text required shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 rounded-md p-2 md:text-sm" required="required" /> 1512 1513 1514 1515 1516 </div> 1517 1518<input autocomplete="off" data-drupal-selector="form-wmr6hffclrwosvnc5wuvgus8nnwerekwtj2kpys-yje" type="hidden" name="form_build_id" value="form-WmR6hffCLrWOsvnc5WUVGUS8nNwEReKwTJ2kpys-YjE" class="shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 rounded-md p-2 md:text-sm" /> 1519 1520 1521 1522 1523<input data-drupal-selector="edit-email-signup-form" type="hidden" name="form_id" value="email_signup_form" class="shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 rounded-md p-2 md:text-sm" /> 1524 1525 1526 1527<div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"> 1528 1529 <button data-drupal-selector="an-submit" type="submit" id="an-submit" name="op" value="Sign Up" class="button js-form-submit form-submit px-8 py-2 inline-block border-0 font-bold text-uh-white transition-colors duration-300 bg-uh-accent-1 hover:bg-uh-accent-1-dark uppercase">Sign Up</button> 1530 1531 1532 1533 1534</div> 1535 1536 1537</form> 1538<div class="signup-form-message text-branding-error"></div> 1539</div> 1540 1541 1542 1543 </div> 1544 </div> 1545 <div class="col-span-2"> 1546 <div class="mt-12 border-t border-uh-neutral-2 border-opacity-20 pt-8"> 1547 <div class="footer-text user-content"><p><a href="https://afscme.org/privacy">Privacy Policy</a></p></div> 1548 1549 </div> 1550 1551 <ul class="menu flex gap-2 divide-x text-xs underline leading-none mt-4"> 1552 <li class="block pl-2 first:pl-0"> 1553 <a href="/login">Log In</a> 1554 </li> 1555 </ul> 1556
1557 <p class="text-xs text-uh-neutral-2 mt-6">© 2026 All rights reserved.</p> 1558 1559 </div> 1560 </div> 1561 1562 </div> 1563</footer> 1564 1565 1566 1567 1568 </div> 1569 1570 </div> 1571 1572 </div> 1573</footer> 1574 1575 1576 </div> 1577 1578
1578<script>dataLayer = [{"site_name":"AFSCME California ","site_id":"13604"}]</script>
vendor: 1 bytes, line 1578
1578
1579<script>
vendor: 327 bytes, lines 1579-1583
1579(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 1580new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 1581j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 1582'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 1583})(window,document,'script','dataLayer','
1583GTM-PRPPGJW
vendor: 3 bytes, line 1583
1583');
1583</script>
1583 1584<noscript aria-hidden="true"><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PRPPGJW" 1585 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 1586
1586<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"group\/13604\/content\/20077","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJx9kF0OgzAMgy_UtUdCgYaSLW22JAy4_diftIeJN8efI1mG0YaKnU9YqZVk5LhQxpP5xmhhEMWUdb4Cx0zAUiKcYX371By17eR8m1G3OIrWgKsztcv36XOGUZrDgiYV04-Odi-xV2jZDiOKZWbQw4wJUw62mWNNPRiGeepgcJLWNfRFdG8FDgwb6h8mlqkbpNa9zRP7kq5ifiosPfBrkX2iB4zXeBk","theme":"uh_tw","theme_token":null},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true,"\/email-signup\/signup":true},"data":{"extlink":{"extTarget":false,"extTargetAppendNewWindowDisplay":true,"extTargetAppendNewWindowLabel":"(opens in a new window)","extTargetNoOverride":false,"extNofollow":true,"extTitleNoOverride":false,"extNoreferrer":false,"extFollowNoOverride":true,"extClass":"0","extLabel":"(link is external)","extImgClass":false,"extSubdomains":true,"extExclude":"","extInclude":"","extCssExclude":"","extCssInclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","extHideIcons":false,"mailtoClass":"0","telClass":"tel","mailtoLabel":"(link sends email)","telLabel":"(link is a phone number)","extUseFontAwesome":true,"extIconPlacement":"append","extPreventOrphan":false,"extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","extAdditionalLinkClasses":"","extAdditionalMailtoClasses":"","extAdditionalTelClasses":"","extFaTelClasses":"fa fa-phone","allowedDomains":["actionnetwork.org"],"extExcludeNoreferrer":""}},"ajax":{"an-submit":{"url":"\/email-signup\/signup","progress":{"type":"fullscreen"},"event":"mousedown","keypress":true,"prevent":"click","httpMethod":"POST","dialogType":"ajax","submit":{"_triggering_element_name":"op","_triggering_element_value":"Sign Up"}}},"user":{"uid":0,"permissionsHash":"be4e3f4eaa9c844953908bc0986a9f3ef969927776777eecf0a23c050d4b8c60"}}</script>
vendor: 1 bytes, line 1586
1586
1587<script src="/core/assets/vendor/jquery/jquery.min.js?v=4.0.0"></script>
vendor: 1 bytes, line 1587
1587
1588<script src="/sites/default/files/js/js_978s98TxopBjKM3lUc7Z517h1I1RBiDyf4rwOM-Iv2I.js?scope=footer&delta=1&language=en&theme=uh_tw&include=eJx9jlEOgzAMQy9UlSNVWRtYWJqwNB1w-4G0SfuY-LP9bMlZDYdifQGOhYB1ijDDFvKZkziaHGR-drQ9jmo14OZM8viOPjaMKg4rNq04_OjYXlO8GUhplxXDqTPYZacpUwn9niA7qSRBX9WOJ-DAsKP9YdoKpay1Hg9O3MhxAF5I8A1kE2Li"></script>
1588 1589 1590 </body> 1591</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.