PageSourceSearch

https://raylenemumford.netlify.app/priorities

html raylenemumford.netlify.app collected 2026-10-03 11:19:15 UTC 53,787 bytes, 2,384 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5
6<meta charset="UTF-8">
7<!-- This site is hosted on Netlify. Anyone can build and deploy a site
8     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=6125f009-5a2d-4ecb-bee4-3dc6e06dd51f
9     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
10
11<meta
12    name="viewport"
13    content="width=device-width, initial-scale=1.0">
14
15<title>Priorities · Raylene Mumford</title>
16
17<link
18    href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap"
19    rel="stylesheet">
20
21<style>
22
23    @font-face {
24        font-family: "Glacial Indifference";
25        src: local("Glacial Indifference");
26    }
27
28    :root {
29        --forest: #23352d;
30        --lime: #b1d34a;
31        --soft-green: #e8fcc1;
32        --cream: #ede8de;
33        --taupe: #75664f;
34        --black: #000000;
35        --text: #55584f;
36    }
37
38    * {
39        box-sizing: border-box;
40    }
41
42    html {
43        scroll-behavior: smooth;
44        overflow-anchor: none;
45    }
46
47    body {
48        margin: 0;
49        background: var(--cream);
50        color: var(--black);
51        font-family: "Montserrat", Arial, sans-serif;
52        font-size: 14px;
53        line-height: 1.7;
54    }
55
56    a {
57        color: inherit;
58        text-decoration: none;
59    }
60
61    img {
62        display: block;
63        width: 100%;
64    }
65
66    button {
67        font-family: inherit;
68    }
69
70
71    /* =========================
72       NAVIGATION
73    ========================= */
74
75    .nav {
76        position: sticky;
77        top: 0;
78        z-index: 1000;
79
80        display: flex;
81        justify-content: space-between;
82        align-items: center;
83
84        padding: 16px 5vw;
85
86        background: var(--cream);
87        border-bottom: 1px solid rgba(35,53,45,.15);
88    }
89
90    .logo {
91        display: flex;
92        align-items: center;
93        gap: 11px;
94
95        font-family: "Montserrat", Arial, sans-serif;
96        font-size: 12px;
97        line-height: 1.05;
98        letter-spacing: .08em;
99        font-weight: 700;
100        text-transform: uppercase;
101    }
102
103    .logo-mark {
104        width: 25px;
105        height: 25px;
106
107        display: flex;
108        align-items: center;
109        justify-content: center;
110
111        border: 2px solid var(--lime);
112        border-radius: 50%;
113
114        color: var(--lime);
115
116        flex-shrink: 0;
117    }
118
119    .logo-mark svg {
120        width: 14px;
121        height: 14px;
122    }
123
124    .logo-text {
125        display: flex;
126        flex-direction: column;
127        gap: 3px;
128    }
129
130    .logo-name {
131        font-size: 12px;
132        letter-spacing: .08em;
133    }
134
135    .logo-office {
136        font-size: 8px;
137        letter-spacing: .12em;
138        font-weight: 600;
139        color: var(--forest);
140    }
141
142    .nav-links {
143        display: flex;
144        gap: 28px;
145        align-items: center;
146
147        font-size: 12px;
148        font-weight: 600;
149        letter-spacing: .08em;
150        text-transform: uppercase;
151    }
152
153    .nav-links a {
154        transition: opacity .2s ease;
155    }
156
157    .nav-links a:hover {
158        opacity: .55;
159    }
160
161    .nav-links .nav-active {
162        border-bottom: 1px solid var(--black);
163        padding-bottom: 3px;
164    }
165
166    .menu-button {
167        display: none;
168
169        border: 0;
170        background: transparent;
171
172        font-family: inherit;
173        font-size: 12px;
174        font-weight: 600;
175        letter-spacing: .08em;
176        text-transform: uppercase;
177
178        cursor: pointer;
179    }
180
181
182    /* =========================
183       GLOBAL
184    ========================= */
185
186    .section {
187        padding: 7vw 5vw;
188    }
189
190    .eyebrow,
191    .section-label {
192        margin-bottom: 20px;
193
194        font-size: 10px;
195        font-weight: 700;
196        letter-spacing: .14em;
197        line-height: 1.4;
198        text-transform: uppercase;
199    }
200
201    .eyebrow {
202        color: var(--forest);
203    }
204
205    .section-label {
206        color: var(--lime);
207    }
208
209    h1,
210    h2,
211    h3,
212    p {
213        margin-top: 0;
214    }
215
216    h1,
217    h2 {
218        font-family: "Glacial Indifference", "Montserrat", sans-serif;
219        font-weight: 500;
220        letter-spacing: -.03em;
221        line-height: .95;
222    }
223
224    h1 {
225        margin-bottom: 28px;
226        font-size: clamp(58px, 8vw, 112px);
227    }
228
229    h2 {
230        margin-bottom: 28px;
231        font-size: clamp(42px, 5vw, 72px);
232    }
233
234    .body-copy {
235        max-width: 650px;
236        color: var(--text);
237    }
238
239    .body-copy p {
240        margin-bottom: 22px;
241    }
242
243
244    /* =========================
245       HERO
246    ========================= */
247
248    .hero {
249        min-height: 65vh;
250
251        display: flex;
252        align-items: center;
253        justify-content: center;
254
255        text-align: center;
256    }
257
258    .hero-copy {
259        padding: 8vw 5vw;
260
261        display: flex;
262        flex-direction: column;
263        align-items: center;
264        justify-content: center;
265    }
266
267    .hero-copy .intro {
268        max-width: 700px;
269
270        margin-left: auto;
271        margin-right: auto;
272
273        font-size: clamp(16px, 1.7vw, 20px);
274        line-height: 1.55;
275        color: var(--text);
276    }
277
278    .hero-copy .intro strong {
279        color: var(--black);
280        font-weight: 600;
281    }
282
283    .hero-note {
284        margin-top: 30px;
285
286        max-width: 500px;
287        margin-left: auto;
288        margin-right: auto;
289
290        font-family: "Glacial Indifference", "Montserrat", sans-serif;
291        font-size: clamp(23px, 2.6vw, 36px);
292        line-height: 1;
293    }
294
295    .hero-note em {
296        color: var(--taupe);
297    }
298
299
300    /* =========================
301       POINT OF VIEW
302    ========================= */
303
304    .belief-section {
305        background: var(--forest);
306        color: var(--cream);
307
308        display: block;
309    }
310
311    .belief-section > div:first-child {
312        text-align: center;
313        margin-bottom: 42px;
314    }
315
316    .belief-section .section-label {
317        color: var(--lime);
318    }
319
320    .belief-statement {
321        max-width: 850px;
322        margin: 0 auto;
323        text-align: center;
324    }
325
326    .belief-statement h2 {
327        margin-bottom: 30px;
328    }
329
330    .belief-statement p {
331        max-width: 700px;
332        margin-left: auto;
333        margin-right: auto;
334
335        font-size: clamp(16px, 1.7vw, 21px);
336        line-height: 1.55;
337
338        color: rgba(237,232,222,.82);
339    }
340
341    .belief-quote {
342        max-width: 700px;
343        margin: 45px auto 0;
344        padding-left: 22px;
345
346        border-left: 2px solid var(--lime);
347
348        font-family: "Glacial Indifference", "Montserrat", sans-serif;
349        font-size: clamp(24px, 3vw, 40px);
350        line-height: 1.08;
351        text-align: left;
352    }
353
354
355    /* =========================
356       PRIORITY INDEX
357    ========================= */
358
359    .priority-index {
360        padding-top: 6vw;
361        padding-bottom: 6vw;
362    }
363
364    .priority-index-header {
365        display: grid;
366        grid-template-columns: 1fr 1fr;
367        gap: 6vw;
368        margin-bottom: 55px;
369    }
370
371    .priority-index-header h2 {
372        margin-bottom: 0;
373    }
374
375    .priority-index-intro {
376        align-self: end;
377        max-width: 580px;
378        color: var(--text);
379        font-size: 15px;
380    }
381
382    .priority-list {
383        display: grid;
384        grid-template-columns: repeat(2, 1fr);
385        border-top: 1px solid rgba(0,0,0,.2);
386    }
387
388    .priority-link {
389        display: grid;
390        grid-template-columns: 45px 1fr;
391        gap: 16px;
392
393        padding: 22px 10px 22px 0;
394
395        border-bottom: 1px solid rgba(0,0,0,.2);
396
397        transition: padding .25s ease;
398    }
399
400    .priority-link:hover {
401        padding-left: 10px;
402    }
403
404    .priority-number {
405        color: var(--taupe);
406
407        font-size: 10px;
408        font-weight: 700;
409        letter-spacing: .1em;
410    }
411
412    .priority-name {
413        font-family: "Glacial Indifference", "Montserrat", sans-serif;
414        font-size: clamp(23px, 2.5vw, 34px);
415        line-height: 1;
416    }
417
418
419    /* =========================
420       CORE PRIORITIES
421    ========================= */
422
423    .priority-section {
424        position: relative;
425        padding: 8vw 5vw;
426    }
427
428    .priority-section.dark {
429        background: var(--forest);
430        color: var(--cream);
431    }
432
433    .priority-section.green {
434        background: var(--soft-green);
435    }
436
437    .priority-section.black {
438        background: var(--black);
439        color: var(--cream);
440    }
441
442    .priority-header {
443        display: grid;
444        grid-template-columns: .45fr 1.55fr;
445        gap: 6vw;
446        margin-bottom: 55px;
447    }
448
449    .priority-number-large {
450        font-family: "Glacial Indifference", "Montserrat", sans-serif;
451        font-size: clamp(65px, 8vw, 110px);
452        line-height: .75;
453        color: var(--lime);
454    }
455
456    .priority-section.green .priority-number-large {
457        color: var(--taupe);
458    }
459
460    .priority-title h2 {
461        margin-bottom: 23px;
462    }
463
464    .priority-title .lead {
465        max-width: 720px;
466        font-size: clamp(16px, 1.7vw, 21px);
467        line-height: 1.55;
468    }
469
470    .priority-section.dark .priority-title .lead {
471        color: rgba(237,232,222,.8);
472    }
473
474    .priority-content {
475        max-width: 950px;
476        margin-left: auto;
477        margin-right: auto;
478    }
479
480    .priority-copy {
481        max-width: 900px;
482    }
483
484    .priority-copy > p {
485        max-width: 760px;
486        margin-bottom: 20px;
487        color: var(--text);
488    }
489
490    .priority-section.dark .priority-copy > p {
491        color: rgba(237,232,222,.76);
492    }
493
494    .priority-copy strong {
495        color: inherit;
496        font-weight: 600;
497    }
498
499
500    /* =========================
501       ACTIONS
502    ========================= */
503
504    .actions {
505        margin-top: 40px;
506        margin-bottom: 30px;
507        padding: 28px;
508
509        border: 1px solid rgba(0,0,0,.17);
510        background: rgba(0,0,0,.025);
511    }
512
513    .priority-section.dark .actions {
514        border-color: rgba(237,232,222,.2);
515        background: rgba(237,232,222,.035);
516    }
517
518    .actions-label {
519        margin-bottom: 10px;
520
521        color: var(--taupe);
522
523        font-size: 9px;
524        font-weight: 700;
525        letter-spacing: .13em;
526        text-transform: uppercase;
527    }
528
529    .priority-section.dark .actions-label {
530        color: var(--lime);
531    }
532
533    .actions h3 {
534        margin-bottom: 12px;
535
536        font-family: "Glacial Indifference", "Montserrat", sans-serif;
537        font-size: clamp(26px, 2.8vw, 38px);
538        font-weight: 500;
539        line-height: 1;
540    }
541
542    .action-list {
543        margin: 0;
544        padding: 0;
545        list-style: none;
546    }
547
548    .action-list li {
549        position: relative;
550
551        padding: 14px 0 14px 27px;
552
553        border-top: 1px solid rgba(0,0,0,.13);
554
555        color: var(--text);
556        font-size: 12px;
557        line-height: 1.55;
558    }
559
560    .priority-section.dark .action-list li {
561        border-color: rgba(237,232,222,.15);
562        color: rgba(237,232,222,.76);
563    }
564
565    .action-list li:first-child {
566        border-top: 0;
567    }
568
569    .action-list li::before {
570        content: "→";
571
572        position: absolute;
573        left: 0;
574        top: 14px;
575
576        color: var(--lime);
577        font-weight: 700;
578    }
579
580    .priority-section.green .action-list li::before {
581        color: var(--taupe);
582    }
583
584
585    /* =========================
586       MY VIEW
587    ========================= */
588
589    .my-view {
590        margin-top: 30px;
591        padding: 22px;
592
593        border-left: 2px solid var(--lime);
594        background: rgba(177,211,74,.08);
595    }
596
597    .priority-section.green .my-view {
598        background: rgba(35,53,45,.05);
599        border-color: var(--forest);
600    }
601
602    .my-view-label {
603        margin-bottom: 8px;
604
605        font-size: 9px;
606        font-weight: 700;
607        letter-spacing: .13em;
608        text-transform: uppercase;
609    }
610
611    .my-view p {
612        margin: 0;
613
614        font-family: "Glacial Indifference", "Montserrat", sans-serif;
615        font-size: clamp(21px, 2.3vw, 30px);
616        line-height: 1.1;
617    }
618
619
620    /* =========================
621       DROPDOWN DETAILS
622    ========================= */
623
624    .priority-details {
625        margin-top: 12px;
626
627        border-top: 1px solid rgba(0,0,0,.18);
628        border-bottom: 1px solid rgba(0,0,0,.18);
629    }
630
631    .priority-section.dark .priority-details {
632        border-color: rgba(237,232,222,.2);
633    }
634
635    .priority-details summary {
636        display: flex;
637        align-items: center;
638        justify-content: space-between;
639
640        padding: 20px 0;
641
642        cursor: pointer;
643
644        list-style: none;
645
646        font-size: 10px;
647        font-weight: 700;
648        letter-spacing: .13em;
649        text-transform: uppercase;
650    }
651
652    .priority-details summary::-webkit-details-marker {
653        display: none;
654    }
655
656    .priority-details summary::after {
657        content: "+";
658
659        font-family: "Glacial Indifference", "Montserrat", sans-serif;
660        font-size: 25px;
661        font-weight: 400;
662        line-height: .7;
663
664        transition: transform .2s ease;
665    }
666
667    .priority-details[open] summary::after {
668        transform: rotate(45deg);
669    }
670
671    .priority-section.green .priority-details summary::after {
672        color: var(--taupe);
673    }
674
675    .priority-section.dark .priority-details summary::after {
676        color: var(--lime);
677    }
678
679    .details-content {
680        max-width: 760px;
681        padding: 0 0 27px;
682
683        color: var(--text);
684        font-size: 13px;
685        line-height: 1.7;
686    }
687
688    .priority-section.dark .details-content {
689        color: rgba(237,232,222,.72);
690    }
691
692    .details-content p {
693        margin-bottom: 18px;
694    }
695
696    .details-content p:last-child {
697        margin-bottom: 0;
698    }
699
700
701    /* =========================
702       COUNCIL EXPLAINER
703    ========================= */
704
705    .council-section {
706        background: var(--forest);
707        color: var(--cream);
708    }
709
710    .council-header {
711        display: grid;
712        grid-template-columns: .8fr 1.2fr;
713        gap: 7vw;
714        align-items: end;
715        margin-bottom: 55px;
716    }
717
718    .council-header h2 {
719        margin-bottom: 0;
720    }
721
722    .council-intro {
723        max-width: 600px;
724        color: rgba(237,232,222,.75);
725        font-size: 15px;
726    }
727
728    .scope-grid {
729        display: grid;
730        grid-template-columns: 1fr 1fr;
731        gap: 10px;
732    }
733
734    .scope-card {
735        padding: 30px;
736        border: 1px solid rgba(237,232,222,.18);
737    }
738
739    .scope-card h3 {
740        margin-bottom: 20px;
741
742        font-family: "Glacial Indifference", "Montserrat", sans-serif;
743        font-size: 29px;
744        font-weight: 500;
745        line-height: 1;
746    }
747
748    .scope-card p {
749        margin: 0;
750        color: rgba(237,232,222,.68);
751    }
752
753    .scope-label {
754        display: block;
755        margin-bottom: 12px;
756
757        color: var(--lime);
758
759        font-size: 9px;
760        font-weight: 700;
761        letter-spacing: .12em;
762        text-transform: uppercase;
763    }
764
765
766    /* =========================
767       QUESTIONS
768    ========================= */
769
770    .questions-section {
771        background: var(--soft-green);
772    }
773
774    .questions-header {
775        display: grid;
776        grid-template-columns: .8fr 1.2fr;
777        gap: 7vw;
778        margin-bottom: 55px;
779    }
780
781    .questions-header h2 {
782        margin-bottom: 0;
783    }
784
785    .questions-header p {
786        max-width: 600px;
787        align-self: end;
788        color: var(--text);
789        font-size: 15px;
790    }
791
792    .questions-list {
793        border-top: 1px solid rgba(0,0,0,.2);
794    }
795
796    .question {
797        display: grid;
798        grid-template-columns: 45px 1fr;
799        gap: 22px;
800
801        padding: 24px 0;
802
803        border-bottom: 1px solid rgba(0,0,0,.2);
804    }
805
806    .question-number {
807        color: var(--taupe);
808
809        font-size: 10px;
810        font-weight: 700;
811    }
812
813    .question h3 {
814        margin-bottom: 8px;
815
816        font-family: "Glacial Indifference", "Montserrat", sans-serif;
817        font-size: clamp(22px, 2.5vw, 32px);
818        font-weight: 500;
819        line-height: 1;
820    }
821
822    .question p {
823        max-width: 700px;
824        margin: 0;
825        color: var(--text);
826    }
827
828
829    /* =========================
830       FOOTER
831    ========================= */
832
833    .footer {
834        padding: 38px 5vw;
835
836        background: var(--black);
837        color: var(--cream);
838
839        display: grid;
840        grid-template-columns: 1fr auto 1fr;
841        align-items: center;
842        gap: 30px;
843
844        font-size: 10px;
845        line-height: 1.5;
846        letter-spacing: .06em;
847        text-transform: uppercase;
848    }
849
850    .footer-name {
851        font-family: "Glacial Indifference", "Montserrat", sans-serif;
852        font-size: 18px;
853        font-weight: 500;
854        letter-spacing: .02em;
855    }
856
857    .footer-name:hover {
858        color: var(--lime);
859    }
860
861    .footer-nav {
862        display: flex;
863        align-items: center;
864        justify-content: center;
865        gap: 22px;
866    }
867
868    .footer-nav a {
869        transition: color .2s ease;
870    }
871
872    .footer-nav a:hover {
873        color: var(--lime);
874    }
875
876    .footer-right {
877        text-align: right;
878        opacity: .65;
879    }
880
881
882    /* =========================
883       MOBILE
884    ========================= */
885
886    @media (max-width: 800px) {
887
888        .nav {
889            padding: 14px 5vw;
890        }
891
892        .logo {
893            gap: 9px;
894        }
895
896        .logo-mark {
897            width: 23px;
898            height: 23px;
899        }
900
901        .logo-name {
902            font-size: 10px;
903        }
904
905        .logo-office {
906            font-size: 7px;
907        }
908
909        .menu-button {
910            display: block;
911        }
912
913        .nav-links {
914            display: none;
915
916            position: absolute;
917            top: 100%;
918            left: 0;
919            right: 0;
920
921            flex-direction: column;
922            align-items: flex-start;
923            gap: 0;
924
925            background: var(--cream);
926            border-bottom: 1px solid rgba(35,53,45,.15);
927        }
928
929        .nav-links.open {
930            display: flex;
931        }
932
933        .nav-links a {
934            width: 100%;
935            padding: 17px 5vw;
936            border-bottom: 1px solid rgba(35,53,45,.1);
937        }
938
939        .nav-links .nav-active {
940            border-bottom: 1px solid rgba(35,53,45,.1);
941        }
942
943        .hero {
944            min-height: auto;
945        }
946
947        .hero-copy {
948            padding: 16vw 5vw 13vw;
949        }
950
951        .section,
952        .priority-section {
953            padding: 14vw 5vw;
954        }
955
956        .priority-header,
957        .priority-index-header,
958        .council-header,
959        .questions-header {
960            grid-template-columns: 1fr;
961            gap: 30px;
962        }
963
964        .belief-section > div:first-child {
965            margin-bottom: 10px;
966        }
967
968        .priority-list {
969            grid-template-columns: 1fr;
970        }
971
972        .priority-content {
973            max-width: none;
974        }
975
976        .priority-number-large {
977            margin-bottom: 5px;
978        }
979
980        .actions {
981            padding: 21px;
982        }
983
984        .scope-grid {
985            grid-template-columns: 1fr;
986        }
987
988        .question {
989            grid-template-columns: 35px 1fr;
990            gap: 14px;
991        }
992
993        .footer {
994            grid-template-columns: 1fr;
995            gap: 18px;
996            text-align: left;
997        }
998
999        .footer-nav {
1000            justify-content: flex-start;
1001            flex-wrap: wrap;
1002            gap: 14px 20px;
1003        }
1004
1005        .footer-right {
1006            text-align: left;
1007        }
1008
1009    }
1010
1011
1012    @media (max-width: 500px) {
1013
1014        h1 {
1015            font-size: 58px;
1016        }
1017
1018        h2 {
1019            font-size: 42px;
1020        }
1021
1022        .priority-number-large {
1023            font-size: 70px;
1024        }
1025
1026        .belief-quote {
1027            padding-left: 17px;
1028        }
1029
1030    }
1031
1032</style>
1033
1034</head>
1035
1036<body>
1037
1038
1039<!-- =========================
1040     NAVIGATION
1041========================= -->
1042
1043<nav class="nav">
1044
1045    <a class='logo' href='/'>
1046
1047        <span class="logo-mark" aria-hidden="true">
1048
1049            <svg viewBox="0 0 20 20" fill="none">
1050
1051                <path
1052                    d="M4 10.5L8 14.5L16 5.5"
1053                    stroke="currentColor"
1054                    stroke-width="2.4"
1055                    stroke-linecap="round"
1056                    stroke-linejoin="round"/>
1057
1058            </svg>
1059
1060        </span>
1061
1062        <span class="logo-text">
1063
1064            <span class="logo-name">
1065                Raylene Mumford
1066            </span>
1067
1068            <span class="logo-office">
1069                For City Council
1070            </span>
1071
1072        </span>
1073
1074    </a>
1075
1076
1077    <button
1078        class="menu-button"
1079        onclick="toggleMenu()"
1080        aria-label="Open menu">
1081
1082        MENU
1083
1084    </button>
1085
1086
1087    <div class="nav-links" id="navLinks">
1088
1089        <a href='/'>
1090            Home
1091        </a>
1092
1093        <a href='/about'>
1094            About Raylene
1095        </a>
1096
1097        <a class='nav-active' href='/priorities'>
1098
1099            Priorities
1100
1101        </a>
1102
1103        <a href='/get-involved'>
1104            Get Involved
1105        </a>
1106
1107        <a href='/contact'>
1108            Contact
1109        </a>
1110
1111    </div>
1112
1113</nav>
1114
1115
1116<!-- =========================
1117     HERO
1118========================= -->
1119
1120<section class="hero">
1121
1122    <div class="hero-copy">
1123
1124        <div class="eyebrow">
1125            Raylene Mumford · Chilliwack City Council
1126        </div>
1127
1128        <h1>
1129            What<br>
1130            I believe.
1131        </h1>
1132
1133        <p class="intro">
1134
1135            <strong>
1136                I believe Chilliwack can grow, change and improve
1137                without losing sight of the people, places and
1138                systems that make our city work.
1139            </strong>
1140
1141            These are the issues I would bring with me to City Hall,
1142            and the principles I would use when making decisions
1143            about the future of our city.
1144
1145        </p>
1146
1147        <div class="hero-note">
1148            Community comes <em>first.</em>
1149        </div>
1150
1151    </div>
1152
1153</section>
1154
1155
1156<!-- =========================
1157     POINT OF VIEW
1158========================= -->
1159
1160<section class="section belief-section">
1161
1162    <div>
1163
1164        <div class="section-label">
1165            My philosophy
1166        </div>
1167
1168    </div>
1169
1170
1171    <div class="belief-statement">
1172
1173        <h2>
1174            Look at the whole picture before making the decision.
1175        </h2>
1176
1177        <p>
1178            A decision can look simple on paper and feel very
1179            different in real life. Through community work, I have
1180            seen how transportation, public spaces, services and
1181            cost can change whether something actually works for someone.
1182        </p>
1183
1184        <p>
1185            At City Hall, I would look at how decisions connect.
1186            Growth affects roads. Roads affect access. Development
1187            affects infrastructure. Infrastructure affects budgets.
1188            The choices we make today can shape what is possible
1189            years from now.
1190        </p>
1191
1192        <p>
1193            Growth should come with planning. Investment should come
1194            with accountability. Development should come with the
1195            infrastructure it requires. Public input should come
1196            before important decisions. And today's choices should
1197            be made with tomorrow in mind.
1198        </p>
1199
1200        <div class="belief-quote">
1201            “Look at the whole picture before making the decision.”
1202        </div>
1203
1204    </div>
1205
1206</section>
1207
1208
1209<!-- =========================
1210     PRIORITY INDEX
1211========================= -->
1212
1213<section class="section priority-index">
1214
1215    <div class="priority-index-header">
1216
1217        <h2>
1218            Where I<br>
1219            stand.
1220        </h2>
1221
1222        <div class="priority-index-intro">
1223
1224            <p>
1225                These are the issues I would pay closest attention
1226                to at City Hall, and the principles I would bring
1227                to the decisions in front of Council.
1228            </p>
1229
1230            <p>
1231                I know that good decisions start with listening.
1232                I want to hear from residents, businesses, community
1233                groups and City staff before deciding how a problem
1234                should be addressed.
1235            </p>
1236
1237        </div>
1238
1239    </div>
1240
1241
1242    <div class="priority-list">
1243
1244        <a href="#growth" class="priority-link">
1245            <span class="priority-number">01</span>
1246            <span class="priority-name">
1247                Growth, planning & neighbourhoods
1248            </span>
1249        </a>
1250
1251        <a href="#transportation" class="priority-link">
1252            <span class="priority-number">02</span>
1253            <span class="priority-name">
1254                Transportation & connectivity
1255            </span>
1256        </a>
1257
1258        <a href="#infrastructure" class="priority-link">
1259            <span class="priority-number">03</span>
1260            <span class="priority-name">
1261                Infrastructure & taxpayer responsibility
1262            </span>
1263        </a>
1264
1265        <a href="#community" class="priority-link">
1266            <span class="priority-number">04</span>
1267            <span class="priority-name">
1268                Livable & accessible communities
1269            </span>
1270        </a>
1271
1272        <a href="#business" class="priority-link">
1273            <span class="priority-number">05</span>
1274            <span class="priority-name">
1275                Economic development & local opportunity
1276            </span>
1277        </a>
1278
1279    </div>
1280
1281</section>
1282
1283
1284<!-- =========================
1285     01 GROWTH
1286========================= -->
1287
1288<section
1289    class="priority-section dark"
1290    id="growth">
1291
1292    <div class="priority-header">
1293
1294        <div class="priority-number-large">
1295            01
1296        </div>
1297
1298        <div class="priority-title">
1299
1300            <div class="section-label">
1301                Growth, planning & neighbourhoods
1302            </div>
1303
1304            <h2>
1305                I support growth. I want us to plan it well.
1306            </h2>
1307
1308            <p class="lead">
1309                Chilliwack is changing, and I believe growth can
1310                bring real opportunity. The question is how we plan
1311                it so new neighbourhoods work well today and continue
1312                to work years from now.
1313            </p>
1314
1315        </div>
1316
1317    </div>
1318
1319
1320    <div class="priority-content">
1321
1322        <div class="priority-copy">
1323
1324            <p>
1325                People need homes, and Chilliwack will continue to grow.
1326                I believe we should welcome the opportunities that come
1327                with growth while being thoughtful about where and how
1328                our city develops.
1329            </p>
1330
1331            <p>
1332                I do not want to decide what every neighbourhood should
1333                look like from the beginning. I want to listen to the
1334                people affected, understand the proposal in front of
1335                Council and consider the wider picture before making
1336                a decision.
1337            </p>
1338
1339
1340            <div class="actions">
1341
1342                <div class="actions-label">
1343                    Three actions
1344                </div>
1345
1346                <h3>
1347                    What I would focus on.
1348                </h3>
1349
1350                <ul class="action-list">
1351
1352                    <li>
1353                        Bring the surrounding roads, infrastructure,
1354                        parks, transportation and services into the
1355                        conversation when considering major development.
1356                    </li>
1357
1358                    <li>
1359                        Listen to residents, City staff and other
1360                        affected communities before making significant
1361                        growth and neighbourhood decisions.
1362                    </li>
1363
1364                    <li>
1365                        Consider environmental responsibility, changing
1366                        demographics, emergency preparedness and future
1367                        pressures as the city grows.
1368                    </li>
1369
1370                </ul>
1371
1372            </div>
1373
1374
1375            <div class="my-view">
1376
1377                <div class="my-view-label">
1378                    How I see it
1379                </div>
1380
1381                <p>
1382                    Build complete neighbourhoods,
1383                    not just buildings.
1384                </p>
1385
1386            </div>
1387
1388
1389            <details class="priority-details">
1390
1391                <summary>
1392                    Read more about this priority
1393                </summary>
1394
1395                <div class="details-content">
1396
1397                    <p>
1398                        Growth affects more than the number of homes
1399                        being built. It can change traffic, transportation,
1400                        parks, public spaces, utilities, services and
1401                        the character of surrounding neighbourhoods.
1402                    </p>
1403
1404                    <p>
1405                        Zoning and land-use decisions can shape a
1406                        neighbourhood for decades. That is why I want
1407                        to understand not only whether a proposal works
1408                        on its own, but how it fits into the community
1409                        around it and what it may require later.
1410                    </p>
1411
1412                    <p>
1413                        I also want to think beyond today's circumstances.
1414                        Changing demographics, environmental pressures,
1415                        emergency preparedness and future infrastructure
1416                        needs should all be part of the conversation.
1417                    </p>
1418
1419                    <p>
1420                        Growth is going to happen.
1421                        <strong>
1422                            How we manage it is a choice.
1423                        </strong>
1424                    </p>
1425
1426                </div>
1427
1428            </details>
1429
1430        </div>
1431
1432    </div>
1433
1434</section>
1435
1436
1437<!-- =========================
1438     02 TRANSPORTATION
1439========================= -->
1440
1441<section
1442    class="priority-section green"
1443    id="transportation">
1444
1445    <div class="priority-header">
1446
1447        <div class="priority-number-large">
1448            02
1449        </div>
1450
1451        <div class="priority-title">
1452
1453            <div
1454                class="section-label"
1455                style="color:var(--taupe);">
1456
1457                Transportation & connectivity
1458
1459            </div>
1460
1461            <h2>
1462                Where we build and how we move should be planned together.
1463            </h2>
1464
1465            <p class="lead">
1466                Transportation should be part of growth planning
1467                from the beginning, so people can connect to the
1468                places they need to go as our city changes.
1469            </p>
1470
1471        </div>
1472
1473    </div>
1474
1475
1476    <div class="priority-content">
1477
1478        <div class="priority-copy">
1479
1480            <p>
1481                One way of getting around Chilliwack does not work
1482                for everyone. Many residents rely on vehicles, while
1483                others use transit, walk, bike, carpool or depend on
1484                someone else to get where they need to go.
1485            </p>
1486
1487            <p>
1488                I want to listen to the people who use our transportation
1489                systems every day and understand where connections,
1490                safety or access are falling short.
1491            </p>
1492
1493
1494            <div class="actions">
1495
1496                <div class="actions-label">
1497                    Three actions
1498                </div>
1499
1500                <h3>
1501                    What I would focus on.
1502                </h3>
1503
1504                <ul class="action-list">
1505
1506                    <li>
1507                        Consider transportation impacts alongside
1508                        significant growth and development decisions.
1509                    </li>
1510
1511                    <li>
1512                        Listen to residents and transportation partners
1513                        about gaps between neighbourhoods, schools,
1514                        employment, shops, services and recreation.
1515                    </li>
1516
1517                    <li>
1518                        Look for practical improvements to roads, transit,
1519                        walking and cycling connections based on the
1520                        needs we hear from the community.
1521                    </li>
1522
1523                </ul>
1524
1525            </div>
1526
1527
1528            <div class="my-view">
1529
1530                <div class="my-view-label">
1531                    How I see it
1532                </div>
1533
1534                <p>
1535                    Plan how people move at the same time
1536                    we plan where people live.
1537                </p>
1538
1539            </div>
1540
1541
1542            <details class="priority-details">
1543
1544                <summary>
1545                    Read more about this priority
1546                </summary>
1547
1548                <div class="details-content">
1549
1550                    <p>
1551                        Transportation is not just about moving vehicles.
1552                        It is about whether people can safely and reasonably
1553                        reach work, school, appointments, parks, businesses,
1554                        recreation and services.
1555                    </p>
1556
1557                    <p>
1558                        Different residents have different transportation
1559                        needs. I do not want to assume there is one answer
1560                        that works for everyone.
1561                    </p>
1562
1563                    <p>
1564                        I want to understand where the problems actually
1565                        are, listen to the people experiencing them and
1566                        consider practical solutions alongside future growth.
1567                    </p>
1568
1569                </div>
1570
1571            </details>
1572
1573        </div>
1574
1575    </div>
1576
1577</section>
1578
1579
1580<!-- =========================
1581     03 INFRASTRUCTURE
1582========================= -->
1583
1584<section
1585    class="priority-section"
1586    id="infrastructure">
1587
1588    <div class="priority-header">
1589
1590        <div class="priority-number-large">
1591            03
1592        </div>
1593
1594        <div class="priority-title">
1595
1596            <div
1597                class="section-label"
1598                style="color:var(--taupe);">
1599
1600                Infrastructure & taxpayer responsibility
1601
1602            </div>
1603
1604            <h2>
1605                Growth needs a strong foundation.
1606            </h2>
1607
1608            <p class="lead">
1609                Chilliwack needs infrastructure that can support
1610                the city we have now while preparing for the city
1611                we are becoming.
1612            </p>
1613
1614        </div>
1615
1616    </div>
1617
1618
1619    <div class="priority-content">
1620
1621        <div class="priority-copy">
1622
1623            <p>
1624                Roads, water and sewer systems, drainage, parks,
1625                public buildings and other infrastructure all
1626                require planning and investment.
1627            </p>
1628
1629            <p>
1630                I want residents to understand the commitments behind
1631                major investments, including what something will cost
1632                to build, operate, maintain and eventually replace.
1633            </p>
1634
1635
1636            <div class="actions">
1637
1638                <div class="actions-label">
1639                    Three actions
1640                </div>
1641
1642                <h3>
1643                    What I would focus on.
1644                </h3>
1645
1646                <ul class="action-list">
1647
1648                    <li>
1649                        Ask what infrastructure a proposed development
1650                        or major project will require now and as the
1651                        city grows.
1652                    </li>
1653
1654                    <li>
1655                        Look at the full cost of major projects, including
1656                        financing, operation, maintenance, repair and
1657                        eventual replacement.
1658                    </li>
1659
1660                    <li>
1661                        Balance new investment with maintaining the
1662                        infrastructure we already rely on and consider
1663                        available funding options before increasing
1664                        pressure on taxpayers.
1665                    </li>
1666
1667                </ul>
1668
1669            </div>
1670
1671
1672            <div class="my-view">
1673
1674                <div class="my-view-label">
1675                    How I see it
1676                </div>
1677
1678                <p>
1679                    Plan for growth. Maintain what we have.
1680                    Invest where it matters.
1681                </p>
1682
1683            </div>
1684
1685
1686            <details class="priority-details">
1687
1688                <summary>
1689                    Read more about this priority
1690                </summary>
1691
1692                <div class="details-content">
1693
1694                    <p>
1695                        A project does not stop costing money when
1696                        construction is finished. Public infrastructure
1697                        also has ongoing operating, maintenance,
1698                        repair and replacement costs.
1699                    </p>
1700
1701                    <p>
1702                        Those costs matter to taxpayers and should
1703                        be part of the conversation from the beginning.
1704                        I want Council to understand the long-term
1705                        commitment behind the decisions it makes.
1706                    </p>
1707
1708                    <p>
1709                        Responsible spending does not mean never investing.
1710                        It means understanding what we are committing to,
1711                        what other priorities may compete for the same
1712                        resources and what funding options are available.
1713                    </p>
1714
1715                    <p>
1716                        Before making a decision, I want to understand
1717                        both the immediate cost and the future responsibility
1718                        that comes with it.
1719                    </p>
1720
1721                </div>
1722
1723            </details>
1724
1725        </div>
1726
1727    </div>
1728
1729</section>
1730
1731
1732<!-- =========================
1733     04 COMMUNITY
1734========================= -->
1735
1736<section
1737    class="priority-section green"
1738    id="community">
1739
1740    <div class="priority-header">
1741
1742        <div class="priority-number-large">
1743            04
1744        </div>
1745
1746        <div class="priority-title">
1747
1748            <div
1749                class="section-label"
1750                style="color:var(--taupe);">
1751
1752                Livable & accessible communities
1753
1754            </div>
1755
1756            <h2>
1757                A city should work for people at every stage of life.
1758            </h2>
1759
1760            <p class="lead">
1761                Livability is about whether people can safely access,
1762                use and participate in the community around them,
1763                not simply how a neighbourhood looks on paper.
1764            </p>
1765
1766        </div>
1767
1768    </div>
1769
1770
1771    <div class="priority-content">
1772
1773        <div class="priority-copy">
1774
1775            <p>
1776                Through community work, I see how differently people
1777                can experience the same city. Youth, families and
1778                seniors can have very different needs depending on
1779                where they live, how they get around and what support
1780                they can access.
1781            </p>
1782
1783            <p>
1784                I want residents to have a real opportunity to be heard,
1785                especially people who may not normally attend Council
1786                meetings or take part in formal public processes.
1787            </p>
1788
1789
1790            <div class="actions">
1791
1792                <div class="actions-label">
1793                    Three actions
1794                </div>
1795
1796                <h3>
1797                    What I would focus on.
1798                </h3>
1799
1800                <ul class="action-list">
1801
1802                    <li>
1803                        Create more opportunities for residents to provide
1804                        input before important decisions are finalized.
1805                    </li>
1806
1807                    <li>
1808                        Listen to youth, families, seniors, accessibility
1809                        advocates and community organizations about the
1810                        needs they are seeing firsthand.
1811                    </li>
1812
1813                    <li>
1814                        Look at how parks, recreation, public spaces,
1815                        transportation and community facilities are
1816                        working together for the people who use them.
1817                    </li>
1818
1819                </ul>
1820
1821            </div>
1822
1823
1824            <div class="my-view">
1825
1826                <div class="my-view-label">
1827                    How I see it
1828                </div>
1829
1830                <p>
1831                    Community input should happen before
1832                    the decision, not after it.
1833                </p>
1834
1835            </div>
1836
1837
1838            <details class="priority-details">
1839
1840                <summary>
1841                    Read more about this priority
1842                </summary>
1843
1844                <div class="details-content">
1845
1846                    <p>
1847                        A city should feel like somewhere people belong,
1848                        not simply somewhere they live.
1849                    </p>
1850
1851                    <p>
1852                        My community work has shown me how differently
1853                        people can experience the same city. A young
1854                        person, a parent, a senior or someone with
1855                        accessibility challenges may all experience
1856                        the same public space differently.
1857                    </p>
1858
1859                    <p>
1860                        I also believe community organizations can offer
1861                        valuable insight because they are often already
1862                        working directly with residents and seeing where
1863                        gaps exist.
1864                    </p>
1865
1866                    <p>
1867                        Listening does not mean agreeing with every request.
1868                        It means making sure people have a meaningful chance
1869                        to be heard, understanding different perspectives
1870                        and explaining how that information was considered.
1871                    </p>
1872
1873                </div>
1874
1875            </details>
1876
1877        </div>
1878
1879    </div>
1880
1881</section>
1882
1883
1884<!-- =========================
1885     05 ECONOMIC DEVELOPMENT
1886========================= -->
1887
1888<section
1889    class="priority-section dark"
1890    id="business">
1891
1892    <div class="priority-header">
1893
1894        <div class="priority-number-large">
1895            05
1896        </div>
1897
1898        <div class="priority-title">
1899
1900            <div class="section-label">
1901                Economic development & local opportunity
1902            </div>
1903
1904            <h2>
1905                I want Chilliwack to be a place where people can build something of their own.
1906            </h2>
1907
1908            <p class="lead">
1909                A strong local economy needs room for businesses
1910                to start, grow, hire and serve the communities
1911                around them.
1912            </p>
1913
1914        </div>
1915
1916    </div>
1917
1918
1919    <div class="priority-content">
1920
1921        <div class="priority-copy">
1922
1923            <p>
1924                Small businesses are part of the character and
1925                economy of Chilliwack. They create jobs, provide
1926                services and become part of the places where people
1927                spend their everyday lives.
1928            </p>
1929
1930            <p>
1931                As a small-business owner, I understand that navigating
1932                municipal processes can be very different for a small
1933                operation than for a large one. I want to listen to
1934                businesses about what is actually getting in their way
1935                before deciding what needs to change.
1936            </p>
1937
1938
1939            <div class="actions">
1940
1941                <div class="actions-label">
1942                    Three actions
1943                </div>
1944
1945                <h3>
1946                    What I would focus on.
1947                </h3>
1948
1949                <ul class="action-list">
1950
1951                    <li>
1952                        Listen to local businesses about recurring barriers
1953                        they encounter when working with the City.
1954                    </li>
1955
1956                    <li>
1957                        Work with City staff and local business partners
1958                        to identify practical ways municipal information
1959                        and processes could be clearer for small businesses.
1960                    </li>
1961
1962                    <li>
1963                        Consider local jobs, services and businesses when
1964                        making decisions about transportation, commercial
1965                        areas, neighbourhoods and growth.
1966                    </li>
1967
1968                </ul>
1969
1970            </div>
1971
1972
1973            <div class="my-view">
1974
1975                <div class="my-view-label">
1976                    How I see it
1977                </div>
1978
1979                <p>
1980                    Economic development should create opportunity
1981                    without leaving the community behind.
1982                </p>
1983
1984            </div>
1985
1986
1987            <details class="priority-details">
1988
1989                <summary>
1990                    Read more about this priority
1991                </summary>
1992
1993                <div class="details-content">
1994
1995                    <p>
1996                        Small businesses are part of the everyday life
1997                        of a city. They provide jobs, services and places
1998                        for people to connect.
1999                    </p>
2000
2001                    <p>
2002                        I do not think Council should assume it already
2003                        knows what businesses need. Listening to local
2004                        operators can reveal practical barriers that may
2005                        not be obvious from inside City Hall.
2006                    </p>
2007
2008                    <p>
2009                        Economic development also needs to be considered
2010                        alongside housing, transportation, infrastructure
2011                        and the overall cost of living.
2012                    </p>
2013
2014                    <p>
2015                        I want Chilliwack to be a place where people can
2016                        build something of their own while making sure
2017                        growth continues to serve the people who already
2018                        call this community home.
2019                    </p>
2020
2021                </div>
2022
2023            </details>
2024
2025        </div>
2026
2027    </div>
2028
2029</section>
2030
2031
2032<!-- =========================
2033     COUNCIL EXPLAINER
2034========================= -->
2035
2036<section class="section council-section">
2037
2038    <div class="council-header">
2039
2040        <div>
2041
2042            <div class="section-label">
2043                So what can Council actually do?
2044            </div>
2045
2046            <h2>
2047                Where City Hall comes in.
2048            </h2>
2049
2050        </div>
2051
2052
2053        <p class="council-intro">
2054
2055            I think it's important to be honest about what a
2056            City Councillor can and cannot control.
2057
2058            <br><br>
2059
2060            Municipal government has a real role in shaping
2061            Chilliwack, but it isn't responsible for everything
2062            that happens here.
2063
2064        </p>
2065
2066    </div>
2067
2068
2069    <div class="scope-grid">
2070
2071        <div class="scope-card">
2072
2073            <span class="scope-label">
2074                Council
2075            </span>
2076
2077            <h3>
2078                Growth, zoning & land use
2079            </h3>
2080
2081            <p>
2082                Council decisions can shape land use, zoning,
2083                development applications, neighbourhood planning
2084                and the infrastructure needed to support growth.
2085            </p>
2086
2087        </div>
2088
2089
2090        <div class="scope-card">
2091
2092            <span class="scope-label">
2093                Council
2094            </span>
2095
2096            <h3>
2097                Budget, taxes & infrastructure
2098            </h3>
2099
2100            <p>
2101                Council makes decisions about municipal spending,
2102                property taxation, infrastructure investment,
2103                maintenance and long-term financial priorities.
2104            </p>
2105
2106        </div>
2107
2108
2109        <div class="scope-card">
2110
2111            <span class="scope-label">
2112                Council
2113            </span>
2114
2115            <h3>
2116                Roads, parks & public spaces
2117            </h3>
2118
2119            <p>
2120                Municipal decisions affect local roads,
2121                transportation planning, parks, public spaces,
2122                recreation facilities and other city services.
2123            </p>
2124
2125        </div>
2126
2127
2128        <div class="scope-card">
2129
2130            <span class="scope-label">
2131                Other governments & agencies
2132            </span>
2133
2134            <h3>
2135                Not everything is municipal.
2136            </h3>
2137
2138            <p>
2139                Schools, hospitals, criminal law, provincial
2140                highways and many other areas fall under different
2141                governments or public agencies.
2142            </p>
2143
2144        </div>
2145
2146    </div>
2147
2148</section>
2149
2150
2151<!-- =========================
2152     QUESTIONS
2153========================= -->
2154
2155<section class="section questions-section">
2156
2157    <div class="questions-header">
2158
2159        <h2>
2160            The questions matter.
2161        </h2>
2162
2163        <p>
2164            These are the questions I would want to keep asking
2165            when Council is faced with a decision, especially
2166            when good priorities compete with one another.
2167        </p>
2168
2169    </div>
2170
2171
2172    <div class="questions-list">
2173
2174
2175        <div class="question">
2176
2177            <span class="question-number">
2178                01
2179            </span>
2180
2181            <div>
2182
2183                <h3>
2184                    Who does this affect?
2185                </h3>
2186
2187                <p>
2188                    I want to understand who a decision helps,
2189                    who it affects and whether we are hearing
2190                    from the people most connected to it.
2191                </p>
2192
2193            </div>
2194
2195        </div>
2196
2197
2198        <div class="question">
2199
2200            <span class="question-number">
2201                02
2202            </span>
2203
2204            <div>
2205
2206                <h3>
2207                    What happens next?
2208                </h3>
2209
2210                <p>
2211                    I want to understand what one decision could
2212                    lead to beyond its immediate result, including
2213                    impacts on infrastructure, transportation,
2214                    neighbourhoods and services.
2215                </p>
2216
2217            </div>
2218
2219        </div>
2220
2221
2222        <div class="question">
2223
2224            <span class="question-number">
2225                03
2226            </span>
2227
2228            <div>
2229
2230                <h3>
2231                    What will it cost now and later?
2232                </h3>
2233
2234                <p>
2235                    I want to understand the full cost, including
2236                    what something will require to operate and
2237                    maintain over time, and what other priorities
2238                    may have to compete for the same resources.
2239                </p>
2240
2241            </div>
2242
2243        </div>
2244
2245
2246        <div class="question">
2247
2248            <span class="question-number">
2249                04
2250            </span>
2251
2252            <div>
2253
2254                <h3>
2255                    Does this still make sense years from now?
2256                </h3>
2257
2258                <p>
2259                    I want to think beyond today's circumstances
2260                    and consider the Chilliwack we're creating
2261                    for the future.
2262                </p>
2263
2264            </div>
2265
2266        </div>
2267
2268
2269    </div>
2270
2271</section>
2272
2273
2274<!-- =========================
2275     FOOTER
2276========================= -->
2277
2278<footer class="footer">
2279
2280    <a class='footer-name' href='/'>
2281
2282        Raylene Mumford
2283
2284    </a>
2285
2286
2287    <nav class="footer-nav">
2288
2289        <a href='/contact'>
2290            Contact
2291        </a>
2292
2293        <a
2294            href="https://www.facebook.com/share/1D3j1F7w5x/?mibextid=wwXIfr"
2295            target="_blank"
2296            rel="noopener">
2297
2298            Facebook
2299
2300        </a>
2301
2302    </nav>
2303
2304
2305    <div class="footer-right">
2306
2307        Raylene Mumford for Chilliwack City Council
2308
2309    </div>
2310
2311</footer>
2312
2313
2314<!-- =========================
2315     JAVASCRIPT
2316========================= -->
2317
2318<script>
2319
2320    /*
2321       Prevent the browser from restoring the previous
2322       scroll position when the page is reloaded.
2323    */
2324
2325    if ("scrollRestoration" in history) {
2326        history.scrollRestoration = "manual";
2327    }
2328
2329
2330    function toggleMenu() {
2331
2332        const menu =
2333            document.getElementById("navLinks");
2334
2335        menu.classList.toggle("open");
2336
2337    }
2338
2339
2340    document
2341        .querySelectorAll(".nav-links a")
2342        .forEach(function(link) {
2343
2344            link.addEventListener("click", function() {
2345
2346                document
2347                    .getElementById("navLinks")
2348                    .classList.remove("open");
2349
2350            });
2351
2352        });
2353
2354
2355    /*
2356       Start at the top when the page is opened normally.
2357       Allow intentional anchor links such as #growth.
2358    */
2359
2360    function resetScrollPosition() {
2361
2362        if (!window.location.hash) {
2363
2364            window.requestAnimationFrame(function() {
2365
2366                window.scrollTo(0, 0);
2367
2368            });
2369
2370        }
2371
2372    }
2373
2374
2375    window.addEventListener("load", resetScrollPosition);
2376
2377    window.addEventListener("pageshow", resetScrollPosition);
2378
2379</script>
2379
2380
2381
2382</body>
2383
2384</html>
2384<script async src="/.netlify/scripts/hud?variant=public" data-nf-variant="public" data-netlify-site-id="6125f009-5a2d-4ecb-bee4-3dc6e06dd51f" data-app-host="app.netlify.com"></script>
vendor: 1 bytes, line 2384
2384

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.