From 2350c02ce7d56202ada7942470bf424e3922a9f1 Mon Sep 17 00:00:00 2001 From: Kyle Angelich Date: Sat, 19 Sep 2026 23:42:17 -0700 Subject: [PATCH 1/7] Add items for 'Our Locations' to about.html navs --- pages/about.html | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/pages/about.html b/pages/about.html index 383791be9c..db4fd03bdd 100644 --- a/pages/about.html +++ b/pages/about.html @@ -34,6 +34,9 @@

About Us

{% assign accomplishments= site.data.internal.accomplishments %} {% include about-page/about-card-accomplishments.html %} + + {% include about-page/about-card-our-locations.html %} + {% include about-page/about-card-metrics.html %} @@ -59,6 +62,7 @@

About Us

  • Hack for LA Platform
  • Sustainability
  • Accomplishments
    • +
  • Our Locations
  • Metrics
  • Partners
  • Make a Donation
    • From 9b5543530ada62bcac65aab92e3408ee8550968e Mon Sep 17 00:00:00 2001 From: Kyle Angelich Date: Sat, 19 Sep 2026 23:43:35 -0700 Subject: [PATCH 2/7] Add our-locations-images component and Our Locations card component --- .../about-page/about-card-our-locations.html | 32 +++++++++++++++++++ .../about-page/our-locations-images.html | 17 ++++++++++ 2 files changed, 49 insertions(+) create mode 100644 _includes/about-page/about-card-our-locations.html create mode 100644 _includes/about-page/our-locations-images.html diff --git a/_includes/about-page/about-card-our-locations.html b/_includes/about-page/about-card-our-locations.html new file mode 100644 index 0000000000..77df8efcc6 --- /dev/null +++ b/_includes/about-page/about-card-our-locations.html @@ -0,0 +1,32 @@ +
    + +
    Our Location +
    +
    + +

    From In-Person Events to Remote Collaboration

    +
    +

    + In 2013, Hack for LA began as an in-person civic tech community, hosting events across Los Angeles—including the Westside, Downtown LA, and South LA—bringing volunteers together in shared spaces. +

    +

    + During the COVID-19 pandemic, the organization transitioned to a fully remote operating model, expanding access and enabling broader participation beyond geographic boundaries. +

    +
    + +
    + +

    Former in-person event locations across Los Angeles

    +
    + {% include about-page/our-locations-images.html %} +
    +
    +
    +

    + Today, Hack for LA continues to serve Los Angeles as a remote-first organization, supporting a distributed network of contributors. +

    +
    +
    +
    \ No newline at end of file diff --git a/_includes/about-page/our-locations-images.html b/_includes/about-page/our-locations-images.html new file mode 100644 index 0000000000..a9cc434fc8 --- /dev/null +++ b/_includes/about-page/our-locations-images.html @@ -0,0 +1,17 @@ +
    +
    +
    + Westside +
    +
    + Downtown L.A. +
    +
    + South L.A. +
    +
    +
    + + + + From 2789c164bb1253a14b664c66132296e28baf1f11 Mon Sep 17 00:00:00 2001 From: Kyle Angelich Date: Sun, 20 Sep 2026 19:15:31 -0700 Subject: [PATCH 3/7] Remove flexing and headers --- .../about-page/about-card-our-locations.html | 23 +++++++++++-------- 1 file changed, 14 insertions(+), 9 deletions(-) diff --git a/_includes/about-page/about-card-our-locations.html b/_includes/about-page/about-card-our-locations.html index 77df8efcc6..af56edf579 100644 --- a/_includes/about-page/about-card-our-locations.html +++ b/_includes/about-page/about-card-our-locations.html @@ -5,8 +5,12 @@ alt="">Our Location
    - -

    From In-Person Events to Remote Collaboration

    + +
    +

    + From In-Person Events to Remote Collaboration +

    +

    In 2013, Hack for LA began as an in-person civic tech community, hosting events across Los Angeles—including the Westside, Downtown LA, and South LA—bringing volunteers together in shared spaces. @@ -15,13 +19,14 @@

    From In-Person Events to Remote Collabor During the COVID-19 pandemic, the organization transitioned to a fully remote operating model, expanding access and enabling broader participation beyond geographic boundaries.

    - -
    - -

    Former in-person event locations across Los Angeles

    -
    - {% include about-page/our-locations-images.html %} -
    + +
    +

    + Former in-person event locations across Los Angeles +

    +
    +
    + {% include about-page/our-locations-images.html %}

    From edb2c073d00f3b3363fa2c9f90d0fccf796a7dce Mon Sep 17 00:00:00 2001 From: Kyle Angelich Date: Sun, 27 Sep 2026 23:14:29 -0700 Subject: [PATCH 4/7] Refactor html --- .../about-page/about-card-our-locations.html | 27 +++++++++---------- 1 file changed, 12 insertions(+), 15 deletions(-) diff --git a/_includes/about-page/about-card-our-locations.html b/_includes/about-page/about-card-our-locations.html index af56edf579..d229ec5d78 100644 --- a/_includes/about-page/about-card-our-locations.html +++ b/_includes/about-page/about-card-our-locations.html @@ -1,15 +1,14 @@

    - -
    Our Location +
    + + + + Our Location
    +
    - -
    -

    - From In-Person Events to Remote Collaboration -

    +
    + From In-Person Events to Remote Collaboration

    @@ -19,12 +18,10 @@ During the COVID-19 pandemic, the organization transitioned to a fully remote operating model, expanding access and enabling broader participation beyond geographic boundaries.

    - -
    -

    - Former in-person event locations across Los Angeles -

    -
    + +
    + Former in-person event locations across Los Angeles +
    {% include about-page/our-locations-images.html %}
    From ac13f1f224b676b25fa67d6431033d0d14e7e1b6 Mon Sep 17 00:00:00 2001 From: Kyle Angelich Date: Tue, 29 Sep 2026 18:59:11 -0700 Subject: [PATCH 5/7] Change 'location' to 'locations' in locations section header --- _includes/about-page/about-card-our-locations.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_includes/about-page/about-card-our-locations.html b/_includes/about-page/about-card-our-locations.html index d229ec5d78..da581acf9b 100644 --- a/_includes/about-page/about-card-our-locations.html +++ b/_includes/about-page/about-card-our-locations.html @@ -3,7 +3,7 @@ - Our Location + Our Locations
    From b7f40bba055ceb5399f2fd8be508b9c3506b7bb1 Mon Sep 17 00:00:00 2001 From: Kyle Angelich Date: Sun, 4 Oct 2026 00:14:18 -0700 Subject: [PATCH 6/7] Add css classes to style headings and divider in Our Locations card --- .../about-page/about-card-our-locations.html | 6 ++++-- _sass/components/_about.scss | 15 +++++++++++++++ 2 files changed, 19 insertions(+), 2 deletions(-) diff --git a/_includes/about-page/about-card-our-locations.html b/_includes/about-page/about-card-our-locations.html index da581acf9b..db5e27d9f9 100644 --- a/_includes/about-page/about-card-our-locations.html +++ b/_includes/about-page/about-card-our-locations.html @@ -7,7 +7,7 @@
    -
    +
    From In-Person Events to Remote Collaboration
    @@ -19,7 +19,9 @@

    -
    +
    + +
    Former in-person event locations across Los Angeles
    diff --git a/_sass/components/_about.scss b/_sass/components/_about.scss index 497a52768f..68d7fa3e8a 100644 --- a/_sass/components/_about.scss +++ b/_sass/components/_about.scss @@ -552,6 +552,21 @@ a.anchor { margin-top: 18px; } +.locations-section-header { + font-size: 1.125rem; + font-weight: bolder; +} + +.locations-section-subheader { + font-size: 1rem; + font-weight: bolder; +} + +.locations-section-divider { + border-top: 2px solid $color-pink; + margin: 40px 0; +} + .garcetti-mobile { display: block; } From cb935976371782a803a82c87b417c1ce444c584d Mon Sep 17 00:00:00 2001 From: Kyle Angelich Date: Sun, 4 Oct 2026 01:49:37 -0700 Subject: [PATCH 7/7] Fix image component styling in Our Locations card --- .../about-page/our-locations-images.html | 14 +++++--------- _sass/components/_about.scss | 19 +++++++++++++++++++ 2 files changed, 24 insertions(+), 9 deletions(-) diff --git a/_includes/about-page/our-locations-images.html b/_includes/about-page/our-locations-images.html index a9cc434fc8..41ce0805e9 100644 --- a/_includes/about-page/our-locations-images.html +++ b/_includes/about-page/our-locations-images.html @@ -1,17 +1,13 @@
    -
    -
    +
    +
    Westside
    -
    +
    Downtown L.A.
    -
    - South L.A. +
    + South L.A.
    - - - - diff --git a/_sass/components/_about.scss b/_sass/components/_about.scss index 68d7fa3e8a..8c607337ad 100644 --- a/_sass/components/_about.scss +++ b/_sass/components/_about.scss @@ -567,6 +567,25 @@ a.anchor { margin: 40px 0; } +.locations-card-container { + color: $color-white; + display: flex; + justify-content: center; + margin-top: 48px; + margin-bottom: 32px; + gap: 16px; +} + +.location-card { + flex: 1; +} + +.location-image { + width: 100%; + height: auto; + display: block; +} + .garcetti-mobile { display: block; }