<p class=caution>This is an unofficial homepage for the city of South Pasadena, California. Visit the official site at <a href=//southpasadenaca.gov>southpasadenaca.gov</a>.</p>

<div id=map style=width:100%;height:500px></div>

### Phone Numbers

$ numbers = {
$   "Huntington Memorial Hospital": "626-397-5000",
$   "Athens Disposal": "888-336-6100",
$   "Southern California Edison": "800-655-4555",
$   "Southern California Gas": "877-238-0092",
$   "Pasadena Humane Society": "626-792-7151",
$ }

$# "School District": "626-441-5810",

<table>
$for department, number in numbers.items():
    <tr><td>$department<td><small><code><a href=tel:$number>$number</a></code></small>
</table>

## Locations

$ days = ("Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday")

$ stores = {
$   "UPS Store 944": (
$     "1107 Fair Oaks Ave",
$     "626-799-4589",
$     (
$       "0900-1900",
$       "0900-1900",
$       "0900-1900",
$       "0900-1900",
$       "0900-1900",
$       "0900-1700",
$       "1100-1600",
$     )
$   ),
$   "FedEx Office": (
$     "460 Fair Oaks Ave",
$     "626-403-6690",
$     (
$       "1000-1800",
$       "0800-2000",
$       "0800-2000",
$       "0800-2000",
$       "0800-2000",
$       "0900-1800",
$       "1200-1800",
$     )
$   ),
$   "Ace Hardware": (
$     "452 Fair Oaks Ave",
$     "626-817-7690",
$     (
$       "0700-2000",
$       "0700-2000",
$       "0700-2000",
$       "0700-2000",
$       "0700-2000",
$       "0700-2000",
$       "0800-1800",
$     )
$   ),
$   "Pavilions": (
$     "1213 Fair Oaks Ave",
$     "626-799-2261",
$     (
$       "0600-2300",
$       "0600-2300",
$       "0600-2300",
$       "0600-2300",
$       "0600-2300",
$       "0600-2300",
$       "0600-2300",
$     )
$   ),
$   "Trader Joe's": (
$     "613 Mission St",
$     "626-441-6263",
$     (
$       "0800-2100",
$       "0800-2100",
$       "0800-2100",
$       "0800-2100",
$       "0800-2100",
$       "0800-2100",
$       "0800-2100",
$     )
$   ),
$   "Public Library": (
$     "1100 Oxley Street",
$     "626-403-7330",
$     (
$       "1000-1800",
$       "1000-2000",
$       "1000-2000",
$       "1000-2000",
$       "1000-1800",
$       "1000-1800",
$       "1300-1700",
$     )
$   ),
$   "City Hall": (
$     "1414 Mission Street",
$     "",
$     (
$       "0730-1800",
$       "0730-1800",
$       "0730-1800",
$       "0730-1800",
$       "0730-1800",
$       "",
$       "",
$     )
$   ),
$   "Post Office": (
$     "1001 Fremont",
$     "800-275-8777",
$     (
$       "1000-1730",
$       "1000-1730",
$       "1000-1730",
$       "1000-1730",
$       "1000-1730",
$       "1000-1500",
$       "",
$     )
$   ),
$   "Rite Aid": (
$     "914 Fair Oaks Ave",
$     "626-441-3702",
$     (
$       "0700-2200",
$       "0700-2200",
$       "0700-2200",
$       "0700-2200",
$       "0700-2200",
$       "0800-2200",
$       "0700-2200",
$     )
$   ),
$ }

$ {
$   "": (
$     "",
$     "",
$     (
$       "",
$     )
$   ),
$ }

<!--Bristol Farms
Fair Oaks Pharmacy
Griffins of Kinsale
Hi-Life Burgers
Kaldi Coffee & Tea
Jones Coffee
Lost Parrot Cafe
Fiore Market & Cafe
Farmer's Market
Community Garden
Nature Park
Golf Course
Racquet Club
Dog Park
Skate Park
Arroyo Park
Orange Grove Park
Garfield Park
Arroyo Seco Stables
San Pascual Stables
War Memorial Building-->

<style>
#locations td {
    text-align: right;
    width: 11%;
}
#locations th {
    text-align: left;
    width: 23%;
}
</style>

<table id=locations style=font-size:.8em>
<tr>
<td>
$for day in days:
    <td>$day
$for store_name, (store_address, store_number, store_hours) in stores.items():
    <tr>
    <th><big>$store_name</big><br>
    $store_address<br>
    <a href=tel:$store_number.replace("-", "")><small>$store_number</small></a>
    $for day, store_hour in enumerate(store_hours):
        $if store_hour:
            <td style=text-align:right;width:7em>
            <code>$pendulum.from_format(store_hour.partition("-")[0], "HHmm").format("h:mm A").replace(":00 AM", " AM").replace(":00 PM", " PM")</code><br>
            <code>$pendulum.from_format(store_hour.partition("-")[2], "HHmm").format("h:mm A").replace(":00 AM", " AM").replace(":00 PM", " PM")</code>
        $else:
            <td style=text-align:right;width:14em>closed
</table>

## Government

$ {
$   "Filming/Movie Permits": "626-403-7263",
$   "Grafitti Hotline (24 hrs)": "626-403-7249",
$   "Community Development (Building and Planning)": "626-403-7220",
$   "Code Enforcement": "626-403-7225",
$   "Library": "626-403-7380",
$   "Parks and Recreation": "626-403-7380",
$   "Public Works": "626-403-7240",
$   "Water Department": "626-403-7370",
$   "Fire Department (Business)": "626-403-7300",
$   "Police (Non-emergency)": "626-403-7297",
$   "Police (Business)": "626-403-7270",
$   "Police (Watch Commander)": "626-403-7265",
$ }

### Staff

$ staff = {
$   "City Manager's Office": ("626-403-7210", "cmoffice", "Your-Government/Department-Service-Areas/City-Managers-Office", [("Todd Hileman", "City Manager"), ("Nick Kimball", "Assistant City Manager")]),
$   "Finance": ("626-403-7250", "", "Your-Government/Department-Service-Areas/Finance", [("Nick Kimball", "Chief Financial Officer"), ("William Castrillon", "Budget and Purchasing Manager")]),
$   "City Clerk": ("626-403-7230", "", "", [("", "", "")]),
$   "City Attorney": ("", "", "", [("Roxanne Diaz", "City Attorney", "")]),
$   "City Treasurer": ("626-403-7256", "", "", [("Zhen Tao", "City Treasurer", "")]),
$   "": ("", "", "", [("", "", "")]),
$   "": ("", "", "", [("", "", "")]),
$ }

Salaries: [2024](//transparentcalifornia.com/salaries/2024/south-pasadena)

### City Council

$ council = ["Sheila Rossi", "Omari Ferguson", "Janet Braun", "Michael Caccioti", "Jon Primuth"]

<ul>
$for n, councilmember in enumerate(council):
    $ email = f"{councilmember[0].lower()}{councilmember.split()[-1].lower()}@southpasadenaca.gov"
    <li>
    $if n == 0:
        Mayor
    $elif n == 1:
        Mayor Pro Tem
    $councilmember <a href=mailto:$email>$email</a>
</ul>

[Districts](/south-pasadena/districts)

### Public Records

<a href=https://southpasadenaca.govqa.us/WEBAPP/_rs/(S(matyexajsjozpbaecf03cxlp))/Login.aspx>Public Records Portal</a>

### Legislation

[Ordinances](/south-pasadena/ordinances)  
[Resolutions](/south-pasadena/resolutions)

### Commissions

[Boards & Commissions](//www.southpasadenaca.gov/Your-Government/Boards-Commissions)

### County

[Voter Registration Verification](//lavote.gov/vrstatus)

### State

Assembly District 49 [Contact](//lcmspubcontact.lc.ca.gov/PublicLCMS/ContactPopup.php?district=AD49)  
Assemblymember Mike Fong-DEM

Senate District 25 [Contact](//sd25.senate.ca.gov/contact)  
Senator Sasha Renée Pérez-DEM

[Find Your California Representatives](//findyourrep.legislature.ca.gov)

## Schools

-   [South Pasadena Unified School District](//www.spusd.net)
-   [South Pasadena High School](//www.sphstigers.org)
-   [South Pasadena Middle School](//spms.spusd.net)
-   [Monterey Hills Elementary School](//monterey.spusd.net)
-   [Arroyo Vista Elementary School](//arroyo.spusd.net)
-   [Marengo Elementary School](//marengo.spusd.net)

## Environment

-   [Trees](/south-pasadena/trees)
-   [Nature Park](/south-pasadena/nature-park)
-   [Community Garden](/south-pasadena/community-garden)
-   [San Pascual Park](/south-pasadena/san-pascual-park)
-   [Lot 117](/117)

## Media

[South Pasadena Review](//outlooknewspapers.com/southpasadenareview)  
[South Pasadenan](//southpasadenan.com)

## Organizations

-   [AYSO Region 214](//ayso214.org)
-   [Farmers Market](//southpasadenafarmersmarket.org)
-   [Boy Scout Troop 7](//southpastroop7.info)
-   Boy Scout Troop 366 and 342
-   [Boy Scout Troop 139](//troop139.com)
-   [Boy Scout Troop 333](//troop333.us)
-   [Chinese American Club](//spcc-web.org)
-   [DUDES](//southpasdudes.com)
-   [Friends of the South Pas Library](//friendsofsouthpaslibrary.org)
-   [Girl Scouts](//spgirlscouts.org)
-   [Kiwanis Club of South Pasadena](//kiwanissouthpasadena.org)
-   [Little League](//spll.com)
-   [Masonic Lodge #290](//southpasadena290.org)
-   [Moms for Family & Community](//momsforcommunity.org)
-   [Oneonta Club](//oneontaclub.org)
-   [Relay for Life of South Pasadena](//facebook.com/southpasrelayforlife)
-   [Rotary Club of South Pasadena](//southpasadenarotary.org)
-   [South Pasadena Arts Council (SPARC)](//sopasartscouncil.org)
-   [South Pasadena Beautiful (SPB)](//southpasbeautiful.org)
-   [South Pasadena Chamber of Commerce](//southpasadena.net)
-   [South Pasadena Educational Foundation (SPEF)](//spef4kids.org)
-   [South Pasadena Preservation Foundation (SPPF)](//sppreservation.org)  
-   [​South Pasadena Tournament of Roses (SPTOR)](//sptor.org)
-   [Urban Harvester](//urbanharvester.org)
-   [Vecinos de South Pasadena](//vecinosdesouthpasadena.org)
-   [Women Involved In South Pasadena Political Advocacy (WISPPA)](//wisppa.org)
-   [​Women's Club of South Pasadena](//thewcsp.com)
-   [​YMCA South Pasadena/San Marino](//ymcala.org/south-pasadena)

<script src="https://api.mapbox.com/mapbox-gl-js/v2.15.0/mapbox-gl.js"></script>
<link href="https://api.mapbox.com/mapbox-gl-js/v2.15.0/mapbox-gl.css" rel="stylesheet" />
<script src="https://unpkg.com/@turf/turf@6.5.0/turf.min.js"></script>

<script>
  mapboxgl.accessToken =
    'pk.eyJ1IjoicmFndC1hZyIsImEiOiJjbWR3ZjZ5cjkxMmRhMmtwbHVlcDBrN240In0.nCEdq0_XYbjl8jq6YV4p5g'

  const map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/satellite-streets-v12',
    center: [-118.15, 34.113],
    zoom: 13
  })

  map.addControl(new mapboxgl.NavigationControl())

  async function addSouthPasadenaBoundary() {
    // OSM Nominatim: boundary polygon as GeoJSON
    // Tip: include state/county to reduce ambiguity
    const q = encodeURIComponent('South Pasadena, Los Angeles County, California, USA')
    const url =
      `https://nominatim.openstreetmap.org/search?` +
      `q=$${q}` +
      `&format=geojson` +
      `&polygon_geojson=1` +
      `&limit=5`

    const res = await fetch(url, {
      headers: {
        // Nominatim asks for identifying UA; browsers don't let you set User-Agent,
        // but having something identifying is still good practice.
        'Accept': 'application/json',
        'Referer': location.origin
      }
    })
    const fc = await res.json()

    if (!fc.features || !fc.features.length)
      throw new Error('No Nominatim results')

    // Prefer the "boundary/administrative" result if present
    const feature =
      fc.features.find(f =>
        f.properties &&
        f.properties.category === 'boundary' &&
        (f.properties.type === 'administrative' || f.properties.type === 'city')
      ) || fc.features[0]

    // Add boundary source
    if (map.getSource('south-pasadena-boundary'))
      map.removeLayer('south-pasadena-outline')

    if (map.getLayer('south-pasadena-fill'))
      map.removeLayer('south-pasadena-fill')

    if (map.getSource('south-pasadena-boundary'))
      map.removeSource('south-pasadena-boundary')

    map.addSource('south-pasadena-boundary', {
      type: 'geojson',
      data: feature
    })

    // Optional subtle fill so you can see it
    map.addLayer({
      id: 'south-pasadena-fill',
      type: 'fill',
      source: 'south-pasadena-boundary',
      paint: {
        'fill-opacity': 0.06
      }
    })

    // Your requested “strip”
    map.addLayer({
      id: 'south-pasadena-outline',
      type: 'line',
      source: 'south-pasadena-boundary',
      paint: {
        'line-color': '#6c71c4',
        'line-width': 6,
        'line-opacity': 1
      }
    })

    // Fit map to polygon bounds
    const bbox = turf.bbox(feature)
    map.fitBounds([[bbox[0], bbox[1]], [bbox[2], bbox[3]]], { padding: 40, duration: 800 })
  }

  map.on('load', () => {
    addSouthPasadenaBoundary().catch(err => console.error(err))
  })
</script>