PageSourceSearch

https://we-are-california.webflow.io/

html we-are-california.webflow.io collected 2026-10-03 14:00:40 UTC 36,632 bytes, 450 lines download raw bytes

1<!DOCTYPE html><!-- Last Published: Wed Sep 30 2026 18:14:33 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="we-are-california.webflow.io" data-wf-page="6a72a6a23e40d4f76e6d3ab0" data-wf-site="6a72a6a03e40d4f76e6d3a37" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>We Are California | Home</title><meta content="We are a multi-generational movement to mobilize Californians to advance the common dream of a good life, quality education, safety for our families, and a place to call home." name="description"/><meta content="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a7ed01b0fadeca87da1355e_weare_socialshare.png" property="og:image"/><meta content="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a7ed01b0fadeca87da1355e_weare_socialshare.png" name="twitter:image"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/css/we-are-california.webflow.shared.bc028ea1e.css" rel="stylesheet" type="text/css" integrity="sha384-vAKOoe+b+eojPYviLxbk66z/8ZZ91W5hY2c8yggaPheVhjchcn7w1pnXjFXSXyd9" crossorigin="anonymous"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({  google: {    families: ["Merriweather:300,300italic,400,400italic,700,700italic,900,900italic","Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic","Barlow:100,200,300,400,500,600,700,800,900:latin,latin-ext,vietnamese","Barlow Condensed:400,500,600,700,800,900:latin,vietnamese"]  }});</script>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a7da77b4763291681d40c02_we%20are%20favi.png" rel="icon" type="image/png" sizes="32x32" media="(prefers-color-scheme: light)"/><link href="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a7da77b4763291681d40c02_we%20are%20favi.png" rel="icon" type="image/png" sizes="32x32" media="(prefers-color-scheme: dark)"/><link href="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a7da77b20e30f63cad8b49f_we%20are%20favi.png" rel="icon" type="image/png" sizes="48x48"/><link href="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a7da6d95e0619d8f120c517_we%20are%20favi.png" rel="apple-touch-icon" sizes="180x180"/><link href="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a7da6d96c657a973a7a7d3f_we%20are%20favi.png" rel="icon" type="image/png" sizes="192x192"/><link href="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a7da6d9782f39287b3ecd6b_we%20are%20favi.png" rel="icon" type="image/png" sizes="512x512"/>
1<script type="text/javascript">!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.agent='plwebflow';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init', '736233866066350');fbq('track', 'PageView');</script>
1<!--           ConveyThis Script Start         -->
2<script src="//cdn.conveythis.com/javascript/conveythis.js?api_key=pub_3176ee3fc843775af4d713314de8fb48"></script>
2
3<!--           ConveyThis Script End         -->
4
5<!-- Google tag (gtag.js) -->
6<script async src="https://googletagmanager.com"></script>
vendor: 1 bytes, line 6
6
7<script>
8  
vendor: 134 bytes, lines 8-12
8window.dataLayer = window.dataLayer || [];
9  function gtag(){dataLayer.push(arguments);}
10  gtag('js', new Date());
11
12  gtag('config', '
12G-58K0NDCMNS
vendor: 4 bytes, line 12
12');
13</script>
13<style>
14.page-wrapper {
15  opacity: 0;
16  animation: fadeIn 0.25s ease-out forwards;
17}
18
19@keyframes fadeIn {
20  to {
21    opacity: 1;
22  }
23}
24</style>
24<script src="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37%2F64ede53a7f310eeba7cfb02b%2F6aa42fdf457c24d1dcca89e8%2Fpreloading_script-0.0.5.js" type="text/javascript" data-ncf_api_key="628976b8-308b-4862-b953-f69cd2feaa5e" data-google_api_key="_" data-mapbox_api_key="_"></script>
24</head><body><div class="page-wrapper"><div class="global-styles w-embed"><!-- Phosphor regular icons -->
25<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/[email protected]/src/regular/style.css" />
26
27<style>
28
29/* Make text look crisper and more legible in all browsers */
30body {
31  -webkit-font-smoothing: antialiased;
32  -moz-osx-font-smoothing: grayscale;
33  font-smoothing: antialiased;
34  text-rendering: optimizeLegibility;
35}
36
37/* Focus state style for keyboard navigation for the focusable elements */
38*[tabindex]:focus-visible,
39  input[type="file"]:focus-visible {
40   outline: 0.125rem solid #4d65ff;
41   outline-offset: 0.125rem;
42}
43
44/* Set color style to inherit */
45.inherit-color * {
46    color: inherit;
47}
48
49/* Get rid of top margin on first element in any rich text element */
50.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
51  margin-top: 0 !important;
52}
53
54/* Get rid of bottom margin on last element in any rich text element */
55.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
56	margin-bottom: 0 !important;
57}
58
59
60/* Make sure containers never lose their center alignment */
61.container-medium,.container-small, .container-large {
62	margin-right: auto !important;
63  margin-left: auto !important;
64}
65
66/* 
67Make the following elements inherit typography styles from the parent and not have hardcoded values. 
68Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
69Uncomment this CSS to use it in the project. Leave this message for future hand-off.
70*/
71/*
72a,
73.w-input,
74.w-select,
75.w-tab-link,
76.w-nav-link,
77.w-dropdown-btn,
78.w-dropdown-toggle,
79.w-dropdown-link {
80  color: inherit;
81  text-decoration: inherit;
82  font-size: inherit;
83}
84*/
85
86/* Apply "..." after 3 lines of text */
87.text-style-3lines {
88	display: -webkit-box;
89	overflow: hidden;
90	-webkit-line-clamp: 3;
91	-webkit-box-orient: vertical;
92}
93
94/* Apply "..." after 2 lines of text */
95.text-style-2lines {
96	display: -webkit-box;
97	overflow: hidden;
98	-webkit-line-clamp: 2;
99	-webkit-box-orient: vertical;
100}
101
102/* These classes are never overwritten */
103.hide {
104  display: none !important;
105}
106
107@media screen and (max-width: 991px) {
108    .hide, .hide-tablet {
109        display: none !important;
110    }
111}
112  @media screen and (max-width: 767px) {
113    .hide-mobile-landscape{
114      display: none !important;
115    }
116}
117  @media screen and (max-width: 479px) {
118    .hide-mobile{
119      display: none !important;
120    }
121}
122 
123.margin-0 {
124  margin: 0rem !important;
125}
126  
127.padding-0 {
128  padding: 0rem !important;
129}
130
131.spacing-clean {
132padding: 0rem !important;
133margin: 0rem !important;
134}
135
136.margin-top {
137  margin-right: 0rem !important;
138  margin-bottom: 0rem !important;
139  margin-left: 0rem !important;
140}
141
142.padding-top {
143  padding-right: 0rem !important;
144  padding-bottom: 0rem !important;
145  padding-left: 0rem !important;
146}
147  
148.margin-right {
149  margin-top: 0rem !important;
150  margin-bottom: 0rem !important;
151  margin-left: 0rem !important;
152}
153
154.padding-right {
155  padding-top: 0rem !important;
156  padding-bottom: 0rem !important;
157  padding-left: 0rem !important;
158}
159
160.margin-bottom {
161  margin-top: 0rem !important;
162  margin-right: 0rem !important;
163  margin-left: 0rem !important;
164}
165
166.padding-bottom {
167  padding-top: 0rem !important;
168  padding-right: 0rem !important;
169  padding-left: 0rem !important;
170}
171
172.margin-left {
173  margin-top: 0rem !important;
174  margin-right: 0rem !important;
175  margin-bottom: 0rem !important;
176}
177  
178.padding-left {
179  padding-top: 0rem !important;
180  padding-right: 0rem !important;
181  padding-bottom: 0rem !important;
182}
183  
184.margin-horizontal {
185  margin-top: 0rem !important;
186  margin-bottom: 0rem !important;
187}
188
189.padding-horizontal {
190  padding-top: 0rem !important;
191  padding-bottom: 0rem !important;
192}
193
194.margin-vertical {
195  margin-right: 0rem !important;
196  margin-left: 0rem !important;
197}
198  
199.padding-vertical {
200  padding-right: 0rem !important;
201  padding-left: 0rem !important;
202}
203
204</style></div><div class="w-layout-blockcontainer nav_wrapper w-container"><div data-collapse="medium" data-animation="default" data-duration="400" fs-scrolldisable-element="smart-nav" data-easing="ease" data-easing2="ease" role="banner" class="homepage_navbar_component w-nav"><div class="navbar_container"><a href="/" aria-current="page" class="navbar_logo-link w-nav-brand w--current"><img width="166" loading="lazy" alt="We Are California logo" src="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a72a6e1da367d763d6acc82_We%20Are%20California%20Logo.webp" class="image-28"/></a><nav role="navigation" class="homepage_navbar_menu is-page-height-tablet w-nav-menu"><div class="navbar_menu-links"><a href="/about" class="navbar_link w-nav-link">Who We Are</a><a href="/resources" class="navbar_link w-nav-link">Resources</a><a href="/updates" class="navbar_link w-nav-link">Updates</a><a href="https://secure.actblue.com/donate/we-are-california-1" target="_blank" class="navbar_link w-nav-link">Donate</a></div><div class="navbar_menu-buttons"><a href="/cantstopca" class="btn w-inline-block"><div class="text-block-15">TAKE ACTION</div></a></div></nav><div class="navbar_menu-button w-nav-button"><div class="menu-icon1"><div class="menu-icon1_line-top"></div><div class="menu-icon1_line-middle"><div class="menu-icon1_line-middle-inner"></div></div><div class="menu-icon1_line-bottom"></div></div></div></div></div></div><div class="homepage-hero"><div class="padding-hero"><div class="side-by-side-div"><div class="half-div-left"><h1 class="heading">
204WE ARE CALIFORNIA. AND WE&#x27;RE PROUD OF IT.</h1><div class="margin-20 text-size-large"><span class="text-size-large">Because California is like no other place in the world. And it’s because of who we are and how we have fought to make California better for all. Regardless of race, class, age, gender, or who we love, we all want a good life, quality education, safety for our families, and a place to call home.</span></div><a href="#join" class="btn w-inline-block"><div class="text-block-15">JOIN US ↓</div></a></div><div class="half-div-right"><img src="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a9642a13be06ecdb5cd675f_vote%20protectors.png" loading="lazy" width="Auto" sizes="100vw" alt="a group of young people wearing shirts that say vote protector" srcset="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a9642a13be06ecdb5cd675f_vote%20protectors-p-500.png 500w, https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a9642a13be06ecdb5cd675f_vote%20protectors-p-800.png 800w, https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a9642a13be06ecdb5cd675f_vote%20protectors-p-1080.png 1080w, https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a9642a13be06ecdb5cd675f_vote%20protectors.png 1600w" class="image-19"/></div></div></div></div><div class="action-section"><div id="join" class="padding-large"><div class="lightblue_stacking_tiles"><div class="split-div"><div class="_35p-left-div"><img src="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6aa23238f7081ea71f1ab35e_CantStopCA-Logo-2026-ENG.png" loading="lazy" width="372" sizes="(max-width: 479px) 100vw, 372px" alt="can&#x27;t stop california logo" srcset="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6aa23238f7081ea71f1ab35e_CantStopCA-Logo-2026-ENG-p-500.png 500w, https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6aa23238f7081ea71f1ab35e_CantStopCA-Logo-2026-ENG-p-800.png 800w, https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6aa23238f7081ea71f1ab35e_CantStopCA-Logo-2026-ENG-p-1080.png 1080w, https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6aa23238f7081ea71f1ab35e_CantStopCA-Logo-2026-ENG.png 1492w" class="cant-stop-img"/><h2 class="heading-2 tiny-margin-bottom">MAke your voice matter more than the billionaires</h2><p class="text-size-large small-margin-bottom">Imagine if your voice mattered more to our government than the desires of corporate billionaires.Your vote helps decide the rules that shape your rent, your healthcare, and even your paycheck. It also determines who our government listens to: ordinary people like us, or wealthy special interests?<br/><br/>Billionaires are working hard to stop us from voting because they know when ordinary people vote it makes elected leaders pay attention to the things that matter to the most of us. We can act now to make sure our voices matter. Pledge to vote and to protect your vote.<br/></p><a href="/cantstopca" class="btn w-inline-block"><div class="text-block-15">LEARN MORE →</div></a></div><div class="_65p-right-div"><div class="master-tiles-features-2"><div class="tile-features-4"><h1 class="heading-3"><strong class="heading-3">Make the Pledge</strong></h1><div class="text-size-medium">Don’t let billionaires set the rules for your health care. Your rent. Your job. Pledge to vote and protect your vote now.</div><a href="/cantstopca/pledge" class="text-style-link w-button">SHARE NOW →</a></div><div class="tile-features-4"><h1 class="heading-3">Protect the Vote in Your Neighborhood</h1><div class="text-size-medium">Become  a neighborhood vote protector and join the network of Neighborhood Vote Protectors and ensure everyone in your community votes without fear.</div><a href="/cantstopca/vote-protector-training" class="text-style-link w-button">SIGN UP NOW →</a></div><div class="tile-features-4"><div class="callout_text"><div class="text-block-32">VOTES + VIBES!</div></div><h1 class="heading-3">Throw Your Own Ballot Party</h1><div class="text-size-medium">Good energy is contagious - so is voting. Host a hangout for your family and friends who trust you the most, and help them get their ballot in. We bring the toolkit, you bring the playlist.</div><a href="/cantstopca/ballot-party" class="text-style-link w-button">SIGN UP NOW →</a></div></div></div></div></div></div></div><section class="about-section"><div class="padding-large"><div class="div-block-20"><h2 class="heading-div"><strong class="heading-2">WHAT WE&#x27;RE ABOUT</strong></h2><div class="w-layout-grid _3-by-grid-div"><div class="_3-by-tiles-top-aligned"><div class="grid-icons"><img src="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a8708717c34f1706141e843_dollar.png" loading="lazy" alt="" class="waves-icon-32"/></div><h1 class="centered-heading-3">YOUR HARD WORK SHOULD PAY OFF.</h1><div class="centered-text-size-medium">Politics matters when it protects what matters most—your family, your home, your health, your future. That&#x27;s what&#x27;s on the line.<br/>That&#x27;
204s why participation matters. Our hard work should pay off—voting ensures it does.</div></div><div id="w-node-_8743e901-3724-ba44-1261-449500db4b43-6e6d3ab0" class="_3-by-tiles-top-aligned"><div class="grid-icons"><img src="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a8708717c34f1706141e82d_doc-icon.png" loading="lazy" alt="" class="waves-icon-32"/></div><h1 class="centered-heading-3">LEADERS SHOULD BE ACCOUNTABLE.</h1><div class="centered-text-size-medium">California works best when leaders are accountable to the people. We win when we elect leaders who deliver results—on housing, on healthcare, on<br/>schools. When working people vote, we choose leaders who are fair and accountable.</div></div><div id="w-node-_8743e901-3724-ba44-1261-449500db4b4a-6e6d3ab0" class="_3-by-tiles-top-aligned"><div class="grid-icons"><img src="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a87113aebbfbfb136d51bee_f9262c71f408e6a53feae85ed12bf82d_heart-icon.png" loading="lazy" alt="" class="waves-icon-32"/></div><h1 class="centered-heading-3">VOTING PROTECTS WHAT MATTERS.</h1><div class="centered-text-size-medium">For years, working Californians have built this state—paying in, showing up, and holding the line. What we&#x27;ve built together is<br/>worth protecting. When we vote, we decide who makes the rules. It&#x27;s more than politics, it&#x27;s power.</div></div></div><a href="/about" class="btn w-inline-block"><div class="text-block-15">LEARN MORE ABOUT WE ARE CA →</div></a></div></div></section><div class="partner-section"><div class="padding-large"><div class="lightblue-div-block"><div class="split-div"><div class="_35p-left-div"><img src="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a8ddf16f176bedb9e4a24ef_ca-regions.svg" loading="lazy" width="298" alt="a pink map outline representing the state of california" class="image-20"/></div><div class="_65p-right-div"><h2 class="heading-2">Tap In! Here is How You Can Take Action Right Now</h2><div class="text-size-medium">We’re getting ready to:</div><ul role="list" class="w-list-unstyled"><li class="list-item">➡️ Build rapid response networks to protect our communities.</li><li class="list-item-2">➡️ Demand our state leaders take bold action to defend democracy.</li><li class="list-item-3">➡️ Organize our neighborhoods to take action and join the movement.</li><li class="list-item-4">➡️ SHOW THE NATION HOW PEOPLE POWER DEFEATS AUTHORITARIANISM.</li></ul><a data-wf--button--variant="full-red" href="https://wearecalifornia.org/about#partners" class="btn w-inline-block"><div class="text-block-15">GET INVOLVED WITH OUR PARTNERS →</div></a></div></div></div></div></div><div class="party-polls-img-hero"><div class="padding-large"><div class="lightblue-div-block"><h1 class="centered-heading-2">JOIN A PARTY TO THE POLLS NEAR YOU!</h1><p class="centered-text-size-large">From October to November, We Are California is hosting Party to the Polls, community celebrations across the state.  Every event is  a celebration of your right to vote and the power of ordinary people.</p><a data-wf--button--variant="full-red" href="/cantstopca/party-to-the-polls" class="btn w-inline-block"><div class="text-block-15">FIND AN EVENT →</div></a></div></div></div><div class="squad-section"><div class="padding-large"><div class="lightblue-div-block"><div class="split-div"><div class="_35p-left-div"><img src="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a87150502d51dab8625109f_squads.webp" loading="lazy" width="298" sizes="(max-width: 479px) 100vw, 298px" alt="we are california squads logo" srcset="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a87150502d51dab8625109f_squads-p-500.webp 500w, https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a87150502d51dab8625109f_squads-p-800.webp 800w, https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a87150502d51dab8625109f_squads.webp 1992w" class="image-20"/></div><div class="_65p-right-div"><h1 class="centered-heading">SQUAD UP!</h1><div class="text-size-medium">We ride for California by building undeniable people power rooted in love, interdependence, and solidarity. In the face of state violence and militant attacks, we’re rising with joy, resilience, and a movement that reflects the diversity of our neighbors and loved one
204s, and that protects and uplifts all of us.<br/><br/>A squad is a group of neighbors or friends who come together regularly to take action. Whether it&#x27;s distributing KYR information to local businesses or neighbors, holding bake sales to raise funds to support immigrants, writing letters to our representatives or joining a protest together, organizing is always better and more fun when we do it together.</div><a data-wf--button--variant="full-red" href="http://mobilize.us/millionvotersproject/event/832795/?utm_source=we-are-ca-digital" target="_blank" class="btn w-inline-block"><div class="text-block-15">JOIN A SQUAD →</div></a></div></div></div></div></div><div class="support_section"><div class="padding-large"><div class="blue-outlined-div-block"><div class="split-div"><div class="div-block-21"><h1 class="centered-heading">Support we Are california</h1><div class="centered-text-size-medium">Help us build the We Are California movement! We are a multi-generational movement to mobilize Californians to advance the common dream of a good life, quality education, safety for our families, and a place to call home.</div><a data-wf--button--variant="full-red" href="https://secure.actblue.com/donate/we-are-california-1" target="_blank" class="btn w-inline-block"><div class="text-block-15">DONATE NOW</div></a></div></div></div></div></div><footer id="footer" class="footer_component"><div class="padding-large"><div class="social-share-box"><h4 class="heading-5">STAY CONNECTED WITH US ON SOCIAL</h4><div class="footer-social-text">Build the We Are California movement by staying in the know about voting, community events, and much more!</div><div class="social-icons"><a href="https://www.instagram.com/wercalifornia/?hl=en" target="_blank" class="w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a8713127845355cada4ab71_ig-icon.png" alt="" class="social-icon"/></a><a href="https://www.facebook.com/wearecalifornia/" target="_blank" class="w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a871312a2c8ec9c2394cf81_fb-icon.png" alt="" class="social-icon"/></a><a href="https://x.com/WeRCalifornia" target="_blank" class="w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a871312dc361d6830ab6ea0_twitter-icon.png" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a871312dc361d6830ab6ea0_twitter-icon-p-500.png 500w, https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a871312dc361d6830ab6ea0_twitter-icon.png 512w" class="social-icon"/></a></div></div><div class="footer-content"><div class="footer_image-wrapper"><img loading="lazy" src="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/6a72a6e1da367d763d6acc82_We%20Are%20California%20Logo.webp" alt="" class="footer_logo"/><a data-wf--button--variant="full-red" href="https://secure.actblue.com/donate/we-are-california-1" class="btn w-inline-block"><div class="text-block-15">DONATE</div></a></div><div class="divider-horizontal"></div><div class="centered-text-size-medium">We Are California is a movement of organizations and people across the state, including California Calls Action Fund. We are a multigenerational movement to mobilize Californians to advance the common dream of a good life, quality education, safety for our families, and a place to call home.</div><div class="padding-top padding-medium"><div class="footer_bottom-wrapper"><div class="w-layout-grid footer_legal-list"><a href="#" class="footer_legal-link">Privacy Policy</a><a href="#" class="footer_tc-link">Terms of Service</a></div><div class="footer_credit-text">© 2026 We Are California. All rights reserved.</div></div></div></div></div></footer></div><div fa-template-addons="[]" fa-popup-root="true" aria-hidden="true" fa-popup-config="{&quot;id&quot;:&quot;ffqa4ha1787947351399&quot;,&quot;name&quot;:&quot;We Are California Main Signup&quot;,&quot;element&quot;:null,&quot;contentWrapperElement&quot;:null,&quot;type&quot;:&quot;modal&quot;,&quot;isHideFromDesigner&quot;:false,&quot;status&quot;:&quot;draft&quot;,&quot;integration&quot;:false,&quot;templateId&quot;:&quot;48&quot;,&quot;devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;includePages&quot;:[],&quot;excludePages&quot;:[],&quot;triggers&quot;:[],&quot;displayOnce&quot;:true,&quot;frequencyDays&quot;:7,&quot;isWebflowDataSubmission&quot;:false,&quot;schedule&quot;:{&quot;enabled&quot;:false,&quot;start&quot;:&quot;&quot;,&quot;end&quot;:&quot;&quot;},&quot;style&quot;:{&quot;position&quot;:&quot;center&quot;,&quot;animationType&quot;:&quot;fadeIn&quot;,&quot;size&quot;:&quot;small&quot;,&quot;opacity&quot;:0.6,&quot;overlayColor&quot;:&quot;#000000&quot;,&quot;openAnimationSpeed&quot;:&quot;normal&quot;,&quot;closeAnimationSpeed&quot;:&quot;normal&quot;,&quot;closeAnimationType&quot;:&quot;fadeIn&quot;,&quot;isCustomPosition&quot;:false,&quot;customPositionUnits&quot;:&quot;px&quot;,&quot;customPosition&quot;:{&quot;top&quot;:0,&quot;left&quot;:0,&quot;right&quot;:0,&quot;bottom&quot;:0}},&quot;userBehavior&quot;:{&quot;afterScrolling&quot;:{&quot;unit&quot;:&quot;none&quot;,&quot;value&quot;:1},&quot;delay&quot;:10,&quot;exitIntent&quot;:{&quot;active&quot;:false,&quot;sensitivity&quot;:&quot;low&quot;},&quot;showOnlyOnce&quot;:false,&quot;inactiveTime&quot;:{&quot;active&quot;:false,&quot;time&quot;:&quot;0&quot;},&quot;
204happyHour&quot;:{&quot;active&quot;:false,&quot;date&quot;:&quot;2026-08-28T20:02:31.399Z&quot;,&quot;start&quot;:&quot;12:00:00&quot;,&quot;end&quot;:&quot;12:00:00&quot;},&quot;frequency&quot;:{&quot;active&quot;:false,&quot;interval&quot;:2,&quot;unit&quot;:&quot;weeks&quot;},&quot;elementPopupTrigger&quot;:{&quot;active&quot;:false,&quot;elementSelector&quot;:&quot;&quot;}},&quot;target&quot;:{&quot;urlBrowsing&quot;:{&quot;all&quot;:true},&quot;scheduleDateTime&quot;:{&quot;from&quot;:&quot;2026-08-28T20:02:31.399Z&quot;,&quot;to&quot;:&quot;2026-08-28T20:02:31.400Z&quot;},&quot;userAction&quot;:{&quot;actionType&quot;:&quot;none&quot;,&quot;elementSelector&quot;:&quot;&quot;},&quot;showOnSpecificPages&quot;:{&quot;specificPages&quot;:[{&quot;value&quot;:&quot;/&quot;,&quot;label&quot;:&quot;Home&quot;}],&quot;excludePages&quot;:[],&quot;isShowOnSpecificPages&quot;:true,&quot;urlContains&quot;:[&quot;&quot;],&quot;urlMatchesExactly&quot;:[&quot;&quot;]},&quot;showOnCookies&quot;:{&quot;cookieCondition&quot;:&quot;none&quot;,&quot;cookieName&quot;:&quot;&quot;},&quot;referrerTargeting&quot;:{&quot;isEnabled&quot;:false,&quot;allowedReferrers&quot;:[]}},&quot;frequency&quot;:{&quot;displayFrequency&quot;:&quot;display-every-session&quot;,&quot;escKey&quot;:true,&quot;autoCloseXSeconds&quot;:{&quot;active&quot;:false,&quot;seconds&quot;:0},&quot;openPopupFormSubmission&quot;:false,&quot;disablePopupClose&quot;:false,&quot;closeOnPageNavigation&quot;:true,&quot;stopDisplaying&quot;:{&quot;neverStop&quot;:true,&quot;emailSubmission&quot;:false,&quot;afterClosing&quot;:false,&quot;numberOfTime&quot;:0}},&quot;countdownConfig&quot;:{&quot;endDate&quot;:&quot;2026-08-28T20:02:31.400Z&quot;,&quot;endTime&quot;:&quot;12:00:00&quot;,&quot;timeZone&quot;:&quot;UTC&quot;,&quot;displayOptions&quot;:{&quot;showDay&quot;:true,&quot;showHour&quot;:true,&quot;showMinute&quot;:true,&quot;showSecond&quot;:true}}}" fa-form-exist="false" class="fa-popup-2 flowappz-hide-popup"><div fa-popup-content-wrapper="true" class="fa-popup-content-wrapper-100"><div class="fa-popup-content-wrap"><div class="div-block-298"><div class="div-block-299"><h1 class="centered_heading-3">ARE YOU WITH US?</h1></div><div class="centered-text-size-medium">Billionaires are working over time to stop us from voting. Pledge to vote and protect the vote this fall.</div><div class="code-embed-4 w-embed w-script"><link href='https://actionnetwork.org/css/style-embed-v3.css' rel='stylesheet' type='text/css' />
204<script src='https://actionnetwork.org/widgets/v6/form/cant-stop-california-pledge-to-vote-and-protect-the-vote?format=js&source=widget'></script>
204<div id='can-form-area-cant-stop-california-pledge-to-vote-and-protect-the-vote' style='width: 100%'><!-- this div is the target for our HTML insertion --></div></div></div></div><div fa-popup-close-button="true" class="fa-popup-close-button-46"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="svg-26"><path d="M18.75 5.25L5.25 18.75" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M18.75 18.75L5.25 5.25" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><div class="code-embed-3 w-embed"><style>
205
206/* This will hide elements with .your-body-class if .wf-doc is not on the <html> element */
207html:not(.wf-doc) .flowappz-hide-popup {
208    display: none;
209     opacity: 0;
210  pointer-events: none;
211  visibility: hidden;
212  transition: opacity 0.2s ease;
213}
214</style></div></div>
214<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6a72a6a03e40d4f76e6d3a37" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
214<script src="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/js/webflow.schunk.36b8fb49256177c8.js" type="text/javascript" integrity="sha384-4abIlA5/v7XaW1HMXKBgnUuhnjBYJ/Z9C1OSg4OhmVw9O3QeHJ/qJqFBERCDPv7G" crossorigin="anonymous"></script>
214<script src="https://cdn.prod.website-files.com/6a72a6a03e40d4f76e6d3a37/js/webflow.993c45af.d84da84ed51c2549.js" type="text/javascript" integrity="sha384-QKLC8D9mpWdj7IBWGwJjrDAMu4RlctSCk27unrPEg2qf/FQyY+sfrqTWcFiDt3y6" crossorigin="anonymous"></script>
214<script src="https://cdn.prod.website-files.com/gsap/3.15.0/gsap.min.js" type="text/javascript"></script>
214<script src="https://cdn.prod.website-files.com/gsap/3.15.0/ScrollTrigger.min.js" type="text/javascript"></script>
214<script src="https://cdn.prod.website-files.com/gsap/3.15.0/SplitText.min.js" type="text/javascript"></script>
214<script src="https://cdn.prod.website-files.com/gsap/3.15.0/InertiaPlugin.min.js" type="text/javascript"></script>
214<script src="https://cdn.prod.website-files.com/gsap/3.15.0/Draggable.min.js" type="text/javascript"></script>
214<script src="https://cdn.prod.website-files.com/gsap/3.15.0/ScrambleTextPlugin.min.js" type="text/javascript"></script>
214<script type="text/javascript">gsap.registerPlugin(ScrollTrigger,SplitText,InertiaPlugin,Draggable,ScrambleTextPlugin);</script>
214<script>
215 // register plugins
216 document.addEventListener("DOMContentLoaded", (event) => { gsap.registerPlugin(ScrollTrigger,Draggable,InertiaPlugin,ScrambleTextPlugin,SplitText)
217  //Match media accessibility for reduce motion
218  
219  let mm = gsap.matchMedia();
220  
221  mm.add({
222  isDesktop: "(min-width: 768px) and (prefers-reduced-motion: no-preference)",
223  isMobile: "(max-width: 767px) and (prefers-reduced-motion: no-preference)",
224  }, (context)  => {
225    let { isMobile, isDesktop } = context.conditions;
226    
227  // gsap code here! ...
228 
229  // HERO ON LOAD ANIMATION
230  // Hero image scale + fade in
231gsap.fromTo(
232  ".hero_visuals",
233  { scale: 1.05, opacity: 0 },
234  {
235    scale: 1,
236    opacity: 1,
237    duration: 4,
238    ease: "power4.out"
239  }
240);
241
242  // SPLIT TEXT ANIMATION WITH GSAP SPLITTEXT
243const split = new SplitText(".hero-title", { type: "chars" });
244
245  // Set initial opacity to 0 for all characters
246gsap.set(split.chars, { opacity: 0 });
247
248  // Animate characters in
249gsap.to(split.chars, {
250  opacity: 1,
251  duration: 1,
252  stagger: {
253    each: 1 / split.chars.length,
254    from: "random"
255  },
256  ease: "power2.out"
257});
258  // END HERO on load ANIMATION
259  
260  // TEXT FADING IN ANIMATION ON SCROLL
261document.querySelectorAll('[animation-container="text-fade-in"]').forEach(container => {
262  container.querySelectorAll('[animation-element="text-fade-in"]').forEach(el => {
263    const split = new SplitText(el, { type: "words,chars" });
264    const totalChars = split.chars.length;
265    const staggerTime = 1 / totalChars;  // Total duration divided by number of characters for stagger
266
267    gsap.fromTo(
268      split.chars,
269      { opacity: 0.1 },
270      {
271        opacity: 1,
272        ease: "none",
273        stagger: staggerTime, // Set stagger based on the total time and number of characters
274        duration: 1, // Total duration for all characters
275        scrollTrigger: {
276          trigger: el,
277          start: "top 90%",
278          end: "top 20%",
279          once: true
280        }
281      }
282    );
283  });
284});
285  // END TEXT FADING IN ANIMATION ON SCROLL
286
287  // MARQUEE
288gsap.to(".marquee_inner-wrapper", {
289  x: isMobile ? "-16vw" : "-8vw",  // matchmedia query for mobile
290  scrollTrigger: {
291    trigger: ".section_vision",
292    start: "top bottom",
293    end: "bottom top",
294    scrub: 0.3,
295    markers: false
296  },
297  transformOrigin: "50% 50%",  // optional: make sure it animates from center
298  force3D: true                // optional: force GPU acceleration
299});
300  // END MARQUEE
301
302  // VISION PIN/SCRUB ANIMATION
303  // Split the text of the h2 element
304const h2Element = document.querySelector(".vision_overlay-text");
305const splitText = new SplitText(h2Element, { type: "words,chars" });
306const chars = splitText.chars;
307
308  // Set initial opacity to 0 for all characters
309gsap.set(chars, { opacity: 0 });
310
311gsap.set(".vision_image-wrapper.is-image-large", {
312  width: isMobile ? "50vw" : "36vw",
313  height: isMobile ? "60vh" : "80vh"
314});
315  // Create a single timeline (no media queries)
316const tl = gsap.timeline({
317  scrollTrigger: {
318    trigger: ".vision_content-bottom",
319    start: "top top",
320    end: "bottom 60%",
321    scrub: 0.5,
322    pin: true,
323    pinSpacing: true,
324    anticipatePin: 1,
325    markers: false
326  }
327});
328
329  // Animate the image wrapper and groups
330tl.to(".vision_image-wrapper.is-image-large", {
331  width: "100vw",
332  height: "100vh",
333  borderRadius: "0px",
334  x: isMobile ? "-25vw" : "-32vw", 
335  ease: "power2.inOut"
336}, 0)
337.to(".vision_image-group-left", {
338  x: isMobile ? "-25vw" : "-32vw",
339  ease: "power2.inOut"
340}, 0)
341.to(".vision_image-group-right", {
342  x: isMobile ? "25vw" : "32vw",
343  ease: "power2.inOut"
344}, 0);
345
346   // Character animation that plays/reverses on scroll (non-scrubbing)
347gsap.timeline({
348  scrollTrigger: {
349    trigger: ".vision_content-bottom",
350    start: "center 48%",
351    end: "bottom bottom",
352    toggleActions: "play none reverse none",
353    markers: false
354  }
355})
356.to(chars, {
357  opacity: 1,
358  duration: 1.5,
359  stagger: {
360    each: 1 / chars.length,
361    from: "random"
362  },
363  ease: "power2.out"
364});
365
366// Refresh ScrollTrigger on window resize
367window.addEventListener("resize", () => {
368  ScrollTrigger.refresh();
369});
370  // END VISION PIN/SCRUB ANIMATION
371
372
373  // TEXT SCRAMBLE INTO VIEW
374  // Animate numbers on scroll using ScrambleText
375document.querySelectorAll('.stats_number').forEach(el => {
376  const finalValue = el.textContent.trim();
377
378  // Clear the initial value
379  gsap.set(el, { textContent: "0" });
380
381  // ScrollTrigger to fire when element is in view
382  ScrollTrigger.create({
383    trigger: el,
384    start: "top 80%",
385    once: true,
386    onEnter: () => {
387      gsap.to(el, {
388        duration: 2,
389        scrambleText: {
390          text: finalValue,
391          chars: "0123456789",
392          revealDelay: 0.3
393        },
394        ease: "power2.out"
395      });
396    }
397  });
398});
399  // END TEXT SCRAMBLE INTO VIEW
400
401  // DRAGGABLE CTA ANIMATION
402document.querySelectorAll('#container-draggable .hand-icon.draggable').forEach((el, index) => {
403  // Set initial opacity and scale using GSAP (no need for random positioning anymore)
404  gsap.set(el, {
405    opacity: 0,  // Start with opacity 0
406    scale: 0.9,  // Start with scale 0.9
407    rotation: gsap.utils.random(-20, 20)  // Optional: add random rotation for variety
408  });
409
410  // Create timeline for the appearance animation
411  const appearTimeline = gsap.timeline({ paused: true });
412
413  appearTimeline.to(el, {
414    opacity: 1, // Fade in to opacity 1
415    scale: 1,   // Scale up to normal size
416    rotation: gsap.utils.random(-20, 20), // Random rotation for variety
417    duration: 1, // Duration of the appearance animation
418    ease: "back.out(1.7)" // Bounce ease for that small bounce effect
419  });
420
421  // ScrollTrigger to start the animation when the container comes into view
422  ScrollTrigger.create({
423    trigger: el,
424    start: "top 80%",
425    once: true,
426    onEnter: () => {
427      gsap.delayedCall(index * 0.2, () => { // Staggered start for each element
428        appearTimeline.play();
429      });
430
431      // Re-enable Draggable after the animation starts
432      Draggable.create(el, {
433        bounds: "#container-draggable",
434        inertia: true,
435        type: "x,y",
436        edgeResistance: 0.65,
437        throwProps: true,
438        zIndexBoost: false
439      });
440    }
441  });
442});
443  // END DRAGGABLE CTA ANIMATION
444  
445  // END matchMedia
446  })
447  // end gsap code...
448 });
449
450</script>
450<script src="https://popup-builder-cdn.pages.dev/1.3.3/popup-builder.js" type="text/javascript" integrity="sha384-D+nlMJH7deTa+kN7xtrEY8H/V5S/51vXPJ4H0SruZ+dTTvn4ufKQRIiMoxLp/cYM" crossorigin="anonymous"></script>
450</body></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.