maxachis commited on Jul 9, 2025

Commit

0caea66

1 Parent(s): 1823c7c

Set up html processing logic

Browse files

Files changed (22) hide show

.env +1 -0
.python-version +1 -1
handler.py +13 -4
import.py +0 -25
pyproject.toml +11 -1
requirements.txt +0 -0
src/extract/README.md +1 -0
src/extract/__init__.py +0 -0
src/extract/core.py +39 -0
src/format/__init__.py +0 -0
src/format/core.py +45 -0
src/models/__init__.py +0 -0
src/models/bag_of_words/__init__.py +0 -0
src/models/bag_of_words/model.py +12 -0
src/predict/__init__.py +0 -0
src/predict/core.py +21 -0
src/predict/output.py +6 -0
tests/__init__.py +0 -0
tests/data/test.html +1192 -0
tests/test_call.py +15 -0
types.py → types_.py +0 -0
uv.lock +0 -0

.env ADDED Viewed

	@@ -0,0 +1 @@


1	+ MODEL_PATH="models/logistic_regression_bag_of_words/2025-07-08_19-34-16"

.python-version CHANGED Viewed

	@@ -1 +1 @@
1	- 3.13


1	+ 3.11

handler.py CHANGED Viewed

@@ -5,8 +5,12 @@ from environs import Env
 from huggingface_hub import hf_hub_download
 from joblib import load
-SPACY_MODEL = spacy.load('en_core_web_trf', disable=['parser'])  # Largest, slowest, most accurate model
 class EndpointHandler:
@@ -20,9 +24,14 @@ class EndpointHandler:
             subfolder=model_path,
             filename="model.joblib"
         )
-        self.model = load(downloaded_model_path)
     def __call__(self, inputs: Dict[str, Any]) -> Dict[str, str]:
-        # Expecting input like: {"inputs": "<html>...</html>"}
         html = inputs["inputs"]
-        return {"label": str(self.model)}

 from huggingface_hub import hf_hub_download
 from joblib import load
+from src.models.bag_of_words.model import BagOfWordsModelContainer
+from src.extract.core import BagOfWordsExtractor
+from src.format.core import BagOfWordsFormatter
+from src.predict.core import RelevancePredictor
+SPACY_MODEL = spacy.load('en_core_web_trf', disable=['parser'])  # Largest, slowest, most accurate model
 class EndpointHandler:
             subfolder=model_path,
             filename="model.joblib"
         )
+        self.model_container: BagOfWordsModelContainer = load(downloaded_model_path)
+        self.extractor = BagOfWordsExtractor(self.model_container.permitted_terms)
+        self.formatter = BagOfWordsFormatter(self.model_container.term_label_encoder)
+        self.predictor = RelevancePredictor(self.model_container.model)
     def __call__(self, inputs: Dict[str, Any]) -> Dict[str, str]:
         html = inputs["inputs"]
+        bag_of_words = self.extractor.extract_bag_of_words(html)
+        csr = self.formatter.format_bag_of_words(bag_of_words)
+        output = self.predictor.predict_relevance(csr)
+        return output.model_dump(mode="json")

import.py DELETED Viewed

@@ -1,25 +0,0 @@
-from pathlib import Path
-from types import FitPredictor
-def find_repo_root(start_path: Path = Path.cwd()) -> Path:
-    """Finds the root of the repo by locating the nearest pyproject.toml."""
-    current = start_path.resolve()
-    for parent in [current] + list(current.parents):
-        if (parent / "pyproject.toml").is_file():
-            return parent
-    raise FileNotFoundError("No pyproject.toml found in any parent directories.")
-def get_single_file(path: Path) -> Path:
-    files = [f for f in path.iterdir() if f.is_file()]
-    if len(files) != 1:
-        raise ValueError(f"Expected exactly one file in {path}, found {len(files)}")
-    return files[0]
-def load_model() -> FitPredictor:
-    repo_root = find_repo_root()
-    model_path = get_single_file(repo_root / "model")
-    raise NotImplementedError

pyproject.toml CHANGED Viewed

@@ -3,11 +3,21 @@ name = "inference-prototype-test"
 version = "0.1.0"
 description = "Add your description here"
 readme = "README.md"
-requires-python = ">=3.13"
 dependencies = [
     "environs>=14.2.0",
     "huggingface-hub>=0.33.2",
     "scikit-learn>=1.7.0",
     "spacy>=3.8.7",
     "spacy-huggingface-hub>=0.0.10",
 ]

 version = "0.1.0"
 description = "Add your description here"
 readme = "README.md"
+requires-python = ">=3.11"
 dependencies = [
+    "beautifulsoup4>=4.13.4",
     "environs>=14.2.0",
     "huggingface-hub>=0.33.2",
+    "lxml>=6.0.0",
+    "pip>=25.1.1",
+    "polars>=1.31.0",
+    "pydantic>=2.11.7",
     "scikit-learn>=1.7.0",
     "spacy>=3.8.7",
     "spacy-huggingface-hub>=0.0.10",
 ]
+[dependency-groups]
+dev = [
+    "pytest>=8.4.1",
+]

requirements.txt CHANGED Viewed

Binary files a/requirements.txt and b/requirements.txt differ

src/extract/README.md ADDED Viewed

	@@ -0,0 +1 @@


1	+ Directory for extracting data from raw HTML files

src/extract/__init__.py ADDED Viewed

File without changes

src/extract/core.py ADDED Viewed

	@@ -0,0 +1,39 @@

+from bs4 import BeautifulSoup
+import spacy
+import polars as pl
+class BagOfWordsExtractor:
+    def __init__(
+        self,
+        permitted_words: list[str],
+    ):
+        self.nlp = spacy.load('en_core_web_trf', disable=['parser'])  # Largest, slowest, most accurate model
+        self.permitted_words = permitted_words
+    def extract_bag_of_words(self, html: str) -> dict[str, int]:
+        soup = BeautifulSoup(html, "lxml")
+        text = soup.get_text(separator=' ', strip=True)
+        spacy_doc = self.nlp(text)
+        bag_of_words = {word: 0 for word in self.permitted_words}
+        for token in spacy_doc:
+            if token.is_stop:
+                continue
+            if not token.is_alpha:
+                continue
+            if len(token.text) < 2:
+                continue
+            text = token.lemma_.lower()
+            if text not in self.permitted_words:
+                continue
+            bag_of_words[text] = 1
+        return bag_of_words
+    def format_bag_of_words(
+        self,
+        bag_of_words: dict[str, int]
+    ) -> pl.DataFrame:
+        raise NotImplementedError

src/format/__init__.py ADDED Viewed

File without changes

src/format/core.py ADDED Viewed

	@@ -0,0 +1,45 @@

+import numpy as np
+from scipy.sparse import csr_matrix
+from sklearn.preprocessing import LabelEncoder
+import polars as pl
+class BagOfWordsFormatter:
+    def __init__(
+        self,
+        term_encoder: LabelEncoder
+    ):
+        self.term_encoder = term_encoder
+    def _convert_to_polars(self, bag_of_words: dict[str, int]) -> pl.DataFrame:
+        return pl.DataFrame(
+            {
+                "term": list(bag_of_words.keys()),
+                "exists": list(bag_of_words.values())
+            }
+        )
+    def _apply_label_encoder(self, df: pl.DataFrame) -> pl.DataFrame:
+        term_indices = pl.Series(
+            name="term_idx",
+            values=self.term_encoder.transform(df["term"].to_numpy())
+        )
+        # Return new dataframe with exists and term_idx columns
+        return df.with_columns(term_indices)
+    def _convert_to_sparse_matrix(self, df: pl.DataFrame) -> csr_matrix:
+        row_indices = np.zeros(len(df), dtype=int)  # all zero, since it's row 0
+        col_indices = df["term_idx"].to_numpy()
+        data = df["exists"].to_numpy()
+        return csr_matrix(
+            (data, (row_indices, col_indices)),
+            shape=(1, len(self.term_encoder.classes_))
+        )
+    def format_bag_of_words(
+        self,
+        bag_of_words: dict[str, int]
+    ) -> csr_matrix:
+        df = self._convert_to_polars(bag_of_words)
+        df = self._apply_label_encoder(df)
+        return self._convert_to_sparse_matrix(df)

src/models/__init__.py ADDED Viewed

File without changes

src/models/bag_of_words/__init__.py ADDED Viewed

File without changes

src/models/bag_of_words/model.py ADDED Viewed

	@@ -0,0 +1,12 @@

+from pydantic import BaseModel
+from sklearn.linear_model import LogisticRegression
+from sklearn.preprocessing import LabelEncoder
+class BagOfWordsModelContainer(BaseModel):
+    class Config:
+        arbitrary_types_allowed = True
+    model: LogisticRegression
+    term_label_encoder: LabelEncoder
+    permitted_terms: list[str]

src/predict/__init__.py ADDED Viewed

File without changes

src/predict/core.py ADDED Viewed

	@@ -0,0 +1,21 @@

+from scipy.sparse import csr_matrix
+from src.predict.output import PredictionOutput
+from types_ import FitPredictor
+class RelevancePredictor:
+    def __init__(
+        self,
+        model: FitPredictor
+    ):
+        self.model = model
+    def predict_relevance(self, csr: csr_matrix) -> PredictionOutput:
+        y_pred = self.model.predict(csr)
+        probability_estimates = self.model.predict_proba(csr)[:, 1]
+        return PredictionOutput(
+            is_relevant=y_pred[0] == 1,
+            probability=probability_estimates[0]
+        )

src/predict/output.py ADDED Viewed

	@@ -0,0 +1,6 @@

+from pydantic import BaseModel
+class PredictionOutput(BaseModel):
+    is_relevant: bool
+    probability: float

tests/__init__.py ADDED Viewed

File without changes

tests/data/test.html ADDED Viewed

	@@ -0,0 +1,1192 @@

+<!DOCTYPE html>
+<html class="no-js" lang="en" itemscope itemtype="https://schema.org/Product">
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="robots" content="noindex, nofollow" />
+            <meta property="og:image" content="/contentassets/cecbb0b8ce784604a3d81b786aeb7d8e/longbeachfacebook200.jpg" />
+    <title>City of Long Beach</title>
+    <link rel="shortcut icon" href="/favicon.png" type="image/x-icon" />
+	<script type="text/javascript" src="//www.trumba.com/scripts/spuds.js"></script>
+    <script>
+        var $buoop = { vs: { i: 10, f: 25, o: 12.1, s: 6 }, c: 2, reminder: 0 };
+        function $buo_f() {
+            var e = document.createElement("script");
+            e.src = "//browser-update.org/update.min.js";
+            e.async = true;
+            document.body.appendChild(e);
+        };
+        try { document.addEventListener("DOMContentLoaded", $buo_f, false) }
+        catch (e) { window.attachEvent("onload", $buo_f) }
+    </script>
+    <!-- Main Responsive & Mobile Framework -->
+    <!--[if (!IE)|(gt IE 8)]><!-->
+    <script src="/common/js/jquery.min.js"></script>
+    <!--<![endif]-->
+    <script src="/common/js/bootstrap.min.js"></script>
+    <link rel="stylesheet" type="text/css" href="/common/css/bootstrap.min.css" media="screen" />
+    <!-- Main Navigation Styles & Functionality -->
+    <link rel="stylesheet" type="text/css" href="/common/css/wayoutmenu.css" />
+    <!-- Customized -->
+    <link rel="stylesheet" type="text/css" href="/common/css/wayoutmenuboxed.css" />
+    <link rel="stylesheet" type="text/css" href="/common/css/wayoutmenueffects.css" />
+    <link rel="stylesheet" type="text/css" href="/common/css/wayoutmenustyle.css" />
+    <link rel="stylesheet" type="text/css" href="/common/css/wayoutmenuresponsive.css" />
+    <!-- Customized -->
+    <script src="/common/js/wayoutmenu.boxed.js"></script>
+    <!--[if lt IE 10]>
+        <script type="text/javascript">
+            $(document).ready(function() {
+                $('.hidden-menu').css('display','none')
+            });
+        </script>
+    <![endif]-->
+    <!-- Main Site Styles and Functionality -->
+    <link rel="stylesheet" type="text/css" href="/common/css/style.css">
+    <link rel="stylesheet" type="text/css" href="/common/css/interior.css">
+    <link href='https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,700' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
+    <link rel="stylesheet" type="text/css" href="/common/css/print.css">
+    <!-- Hovers For Desktop Only (removed for all other devices) -->
+    <link rel="stylesheet" type="text/css" href="/common/css/desktop-hovers.css">
+    <!--[if lte IE 8]>
+      <link rel="stylesheet" type="text/css" href="/common/css/ie8-column-support.css" />
+      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" async></script>
+      <script type="text/javascript">
+        $('html').addClass('ie8') // used in easyresponsivetabs.js
+      </script>
+    <![endif]-->
+    <meta name="google-site-verification" content="b9cY4UhbLwI_5MH_jBbhLaQ8KpA2g14lyxBgLVo-T30" />
+    <meta name="google-translate-customization" content="d2cbd2840da8c7aa-8ea378d4ca2a8e55-g7034799490fa3805-11" />
+<!-- Google Tag Manager -->
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-T3CM3WC');</script>
+<!-- End Google Tag Manager -->
+</head>
+<body style="background-image: url('/globalassets/pages/interior_bg.jpg');">
+    <div>
+        <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5568e42a7bfaf196" async></script>
+        <div id="main-container" class="container-fluid relative overflow-hidden full-height">
+            <div class="wrapper relative full-height">
+                <!-- ST-CONTENT -->
+                <div class="st-content relative full-height">
+                    <!-- ST-CONTENT-INNER -->
+                    <div class="st-content-inner relative">
+                        <!-- MAIN -->
+                        <div class="main" style="position: relative">
+                            <!-- MENU-BG -->
+                            <div class="container-fluid menu-bg-boxed">
+                                <!-- BM-CONTAINER -->
+                                <div class="row-fluid site-width-boxed bm-container">
+                                    <div class="font-language">
+                                        <div class="row">
+                                            <!-- Start Google Translate Code -->
+                                            <div id="google_translate_element"></div>
+                                            <script type="text/javascript">
+                                                function googleTranslateElementInit() {
+                                                    new google.translate.TranslateElement({ pageLanguage: 'en', includedLanguages: 'es,km,tl', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false }, 'google_translate_element');
+                                                }
+                                            </script>
+                                            <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" async></script>
+                                            <!-- /End Google Translate Code -->
+                                            <div class="font-size-selector">
+                                                <div class="btn-group">
+                                                    <button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
+                                                        <!-- <span class="caret"></span>-->
+                                                    </button>
+                                                    <ul id="text-resizer" class="dropdown-menu" role="menu">
+                                                        <li><a href="#" name="rvfs-5">Extra Large</a></li>
+                                                        <li><a href="#" name="rvfs-4">Large</a></li>
+                                                        <li><a href="#" name="rvfs-3">Normal</a></li>
+                                                        <li><a href="#" name="rvfs-2">Small</a></li>
+                                                    </ul>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="shadow"></div>
+                                    <div class="slidemenu-toggler">
+                                        <button id="main-mobile-toggle" class="side-menu-toggle">MENU</button>
+                                        <div class="search">
+                                            <a href="#" class="mobile-search-toggle"></a>
+                                            <input type="text" id="txtSearch" placeholder="SEARCH YOUR CITY" /><input type="button" value="Search" id="btnSearch" />
+                                        </div>
+                                    </div>
+<script type="text/javascript">
+    <!--
+    $(document).ready(function () {
+        $('.official-details').first().addClass('active').show();
+        $('a.official-hover').hover(function () {
+            var id = $(this).attr('rel');
+            var $elem = $('#official-info-' + id)
+            if ($elem.hasClass('active')) {
+                return false;
+            } else {
+                $('.official-details.active').removeClass('active');
+                $('.official-details').css("z-index", "1").fadeOut(100);
+                $('#official-info-' + id).css("z-index", "2").addClass('active').delay(100).fadeIn(100);
+            }
+        });
+        $('.top-nav .fw').last().addClass('lastItem');
+    });
+    //-->
+</script>
+<!-- Wayout Menu - TOP NAV -->
+<div id="top-nav" class="top-nav hidden-phone">
+    <ul class="content-container">
+        <li class="branding">
+            <a href="/">
+                <img src="/globalassets/logo-small-city-long-beach.png">
+            </a>
+        </li>
+          <!-- Menu Item and Mega Menu (layout 1) -->
+<li class="top-nav-mega fw"><a href="/officials/" title="City Officials" class="">City Officials</a></li>
+<div class="top-nav-mega-full-width city-officials">
+    <div class="row-fluid">
+        <div id="ctl00_ucNav_rNavMenu_ctl00_pCityOfficals">
+            <div class="col-md-5">
+                <h3>Mayor</h3>
+                <ul>
+                            <li><a href="/mayor/" title="Rex Richardson" rel="66" class="official-hover">Rex Richardson</a></li>
+                </ul>
+                <h3>City Council</h3>
+                <ul>
+                            <li><a href="/district1/" title="Mary Zendejas" rel="67" class="official-hover">Mary Zendejas</a><span>1st District</span></li>
+                            <li><a href="/district2/" title="Cindy Allen" rel="68" class="official-hover">Cindy Allen</a><span>2nd District</span></li>
+                            <li><a href="/district3/" title="Kristina Duggan" rel="69" class="official-hover">Kristina Duggan</a><span>3rd District</span></li>
+                            <li><a href="/district4/" title="Daryl Supernaw" rel="70" class="official-hover">Daryl Supernaw</a><span>4th District</span></li>
+                            <li><a href="/district5/" title="Megan Kerr" rel="71" class="official-hover">Megan Kerr</a><span>5th District</span></li>
+                            <li><a href="/district6/" title="Suely Saro" rel="72" class="official-hover">Suely Saro</a><span>6th District</span></li>
+                            <li><a href="/district7/" title="Roberto Uranga" rel="73" class="official-hover">Roberto Uranga</a><span>7th District</span></li>
+                            <li><a href="/district8/" title="Tunua Thrash-Ntuk" rel="74" class="official-hover">Tunua Thrash-Ntuk</a><span>8th District</span></li>
+                            <li><a href="/district9/" title="Dr. Joni Ricks-Oddie" rel="75" class="official-hover">Dr. Joni Ricks-Oddie</a><span>9th District</span></li>
+                </ul>
+            </div>
+            <div class="col-md-3">
+                        <div class="official-details" id="official-info-66" style="display: none;">
+                            <div class="official-title">
+                                <h3>Rex Richardson</h3>
+                                <h4></h4>
+                            </div>
+                            <img src="/globalassets/officials/media-library/images/mayorrichardson185x200.jpg">
+                            <div class="official-contact">
+                                <a href="tel:562-570-6801">562-570-6801</a>
+                                <a href="mailto:mayor@longbeach.gov">Send Email</a>
+                            </div>
+                        </div>
+                        <div class="official-details" id="official-info-67" style="display: none;">
+                            <div class="official-title">
+                                <h3>Mary Zendejas</h3>
+                                <h4>1st District</h4>
+                            </div>
+                            <img src="/globalassets/officials/media-library/images/maryzendejas185x200.jpg">
+                            <div class="official-contact">
+                                <a href="tel:562-570-6919">562-570-6919</a>
+                                <a href="mailto:district1@longbeach.gov">Send Email</a>
+                            </div>
+                        </div>
+                        <div class="official-details" id="official-info-68" style="display: none;">
+                            <div class="official-title">
+                                <h3>Cindy Allen</h3>
+                                <h4>2nd District</h4>
+                            </div>
+                            <img src="/globalassets/officials/media-library/images/allen185x200.jpg">
+                            <div class="official-contact">
+                                <a href="tel:562-570-2222">562-570-2222</a>
+                                <a href="mailto:district2@longbeach.gov">Send Email</a>
+                            </div>
+                        </div>
+                        <div class="official-details" id="official-info-69" style="display: none;">
+                            <div class="official-title">
+                                <h3>Kristina Duggan</h3>
+                                <h4>3rd District</h4>
+                            </div>
+                            <img src="/globalassets/officials/media-library/images/duggan_185x200.jpg">
+                            <div class="official-contact">
+                                <a href="tel:562-570-6300">562-570-6300</a>
+                                <a href="mailto:district3@longbeach.gov">Send Email</a>
+                            </div>
+                        </div>
+                        <div class="official-details" id="official-info-70" style="display: none;">
+                            <div class="official-title">
+                                <h3>Daryl Supernaw</h3>
+                                <h4>4th District</h4>
+                            </div>
+                            <img src="/globalassets/officials/media-library/images/supernaw185x200.jpg">
+                            <div class="official-contact">
+                                <a href="tel:562-570-4444">562-570-4444</a>
+                                <a href="mailto:district4@longbeach.gov">Send Email</a>
+                            </div>
+                        </div>
+                        <div class="official-details" id="official-info-71" style="display: none;">
+                            <div class="official-title">
+                                <h3>Megan Kerr</h3>
+                                <h4>5th District</h4>
+                            </div>
+                            <img src="/globalassets/officials/media-library/images/kerr185x200.jpg">
+                            <div class="official-contact">
+                                <a href="tel:562-570-5555">562-570-5555</a>
+                                <a href="mailto:district5@longbeach.gov">Send Email</a>
+                            </div>
+                        </div>
+                        <div class="official-details" id="official-info-72" style="display: none;">
+                            <div class="official-title">
+                                <h3>Suely Saro</h3>
+                                <h4>6th District</h4>
+                            </div>
+                            <img src="/globalassets/officials/media-library/images/saro185x200.jpg">
+                            <div class="official-contact">
+                                <a href="tel:562-570-6816">562-570-6816</a>
+                                <a href="mailto:district6@longbeach.gov">Send Email</a>
+                            </div>
+                        </div>
+                        <div class="official-details" id="official-info-73" style="display: none;">
+                            <div class="official-title">
+                                <h3>Roberto Uranga</h3>
+                                <h4>7th District</h4>
+                            </div>
+                            <img src="/globalassets/officials/media-library/images/uranga-2025.jpg">
+                            <div class="official-contact">
+                                <a href="tel:562-570-7777">562-570-7777</a>
+                                <a href="mailto:district7@longbeach.gov">Send Email</a>
+                            </div>
+                        </div>
+                        <div class="official-details" id="official-info-74" style="display: none;">
+                            <div class="official-title">
+                                <h3>Tunua Thrash-Ntuk</h3>
+                                <h4>8th District</h4>
+                            </div>
+                            <img src="/globalassets/officials/media-library/images/tunua185x200.jpg">
+                            <div class="official-contact">
+                                <a href="tel:562-570-6685">562-570-6685</a>
+                                <a href="mailto:district8@longbeach.gov">Send Email</a>
+                            </div>
+                        </div>
+                        <div class="official-details" id="official-info-75" style="display: none;">
+                            <div class="official-title">
+                                <h3>Dr. Joni Ricks-Oddie</h3>
+                                <h4>9th District</h4>
+                            </div>
+                            <img src="/globalassets/officials/media-library/images/ricks-oddie185x200.jpg">
+                            <div class="official-contact">
+                                <a href="tel:562-570-6137">562-570-6137</a>
+                                <a href="mailto:district9@longbeach.gov">Send Email</a>
+                            </div>
+                        </div>
+                                        <div class="official-details" id="official-info-76" style="display: none;">
+                            <div class="official-title">
+                                <h3>Dawn McIntosh</h3>
+                                <h4>City Attorney</h4>
+                            </div>
+                            <img src="/globalassets/officials/media-library/images/mcintosh185x200.jpg">
+                            <div class="official-contact">
+                                <a href="tel:562-570-2200">562-570-2200</a>
+                                <a href="mailto:cityattorney@longbeach.gov">Send Email</a>
+                            </div>
+                        </div>
+                        <div class="official-details" id="official-info-77" style="display: none;">
+                            <div class="official-title">
+                                <h3>Laura L. Doud</h3>
+                                <h4>City Auditor</h4>
+                            </div>
+                            <img src="/globalassets/officials/media-library/images/doud185x200.jpg">
+                            <div class="official-contact">
+                                <a href="tel:562-570-6751">562-570-6751</a>
+                                <a href="mailto:auditor@longbeach.gov">Send Email</a>
+                            </div>
+                        </div>
+                        <div class="official-details" id="official-info-78" style="display: none;">
+                            <div class="official-title">
+                                <h3>Doug Haubert</h3>
+                                <h4>City Prosecutor</h4>
+                            </div>
+                            <img src="/globalassets/officials/media-library/images/haubert185x200.jpg">
+                            <div class="official-contact">
+                                <a href="tel:562-570-5600">562-570-5600</a>
+                                <a href="mailto:prosecutor@longbeach.gov">Send Email</a>
+                            </div>
+                        </div>
+                                        <div class="official-details" id="official-info-79" style="display: none;">
+                            <div class="official-title">
+                                <h3>Tom Modica</h3>
+                                <h4>City Manager</h4>
+                            </div>
+                            <img src="/globalassets/officials/media-library/images/tom-modica-185x200.jpg">
+                            <div class="official-contact">
+                                <a href="tel:562-570-5091">562-570-5091</a>
+                                <a href="mailto:citymanager@longbeach.gov">Send Email</a>
+                            </div>
+                        </div>
+                        <div class="official-details" id="official-info-80" style="display: none;">
+                            <div class="official-title">
+                                <h3>Monique DeLaGarza</h3>
+                                <h4>City Clerk</h4>
+                            </div>
+                            <img src="/globalassets/officials/media-library/images/delagarza185x200.jpg">
+                            <div class="official-contact">
+                                <a href="tel:562-570-6101">562-570-6101</a>
+                                <a href="mailto:cityclerk@longbeach.gov">Send Email</a>
+                            </div>
+                        </div>
+            </div>
+            <div class="col-md-4">
+                <h3>City-Wide Elected Officials</h3>
+                <ul>
+                            <li><a href="/attorney/" title="Dawn McIntosh" rel="76" class="official-hover">Dawn McIntosh</a><span>City Attorney</span></li>
+                            <li><a href="http://www.cityauditorlauradoud.com/" title="Laura L. Doud" rel="77" class="official-hover">Laura L. Doud</a><span>City Auditor</span></li>
+                            <li><a href="http://cityprosecutordoughaubert.com/" title="Doug Haubert" rel="78" class="official-hover">Doug Haubert</a><span>City Prosecutor</span></li>
+                </ul>
+                <h3>Appointed Officials</h3>
+                <ul>
+                            <li><a href="/citymanager/" title="Tom Modica" rel="79" class="official-hover">Tom Modica</a><span>City Manager</span></li>
+                            <li><a href="/cityclerk/" title="Monique DeLaGarza" rel="80" class="official-hover">Monique DeLaGarza</a><span>City Clerk</span></li>
+                </ul>
+                <ul class="no-header">
+                    <li><a href="/mayor/administration/commissions-boards-committees/" title="Commissions and Committees">Commissions and Committees</a></li>
+                    <li><a href="/cityclerk/meetings/" title="City Council Meetings &amp; Agendas" target="_blank">City Council Meetings &amp; Agendas</a></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</div>
+            <li class="top-nav-mega fw">
+        <a href="/services/" title="Services">Services</a>
+    </li>
+    <div class="top-nav-mega-full-width">
+        <div class="row-fluid">
+            <div>
+                    <div class="col-md-4">
+            <a href="/services/#onlinepayments" title="Online Payments"><h3>Online Payments</h3></a>
+            <ul>
+                    <li>
+                        <a href="/utilityservices/" title="Utility Billing">Utility Billing</a>
+                    </li>
+                    <li>
+                        <a href="/parking/citations/" title="Parking Citations">Parking Citations</a>
+                    </li>
+                    <li>
+                        <a href="/finance/business-info/business-licenses/business-licenses/" title="Business Licenses">Business Licenses</a>
+                    </li>
+                    <li>
+                        <a href="/finance/services-and-permits/ambulance-services/" title="Ambulance Services">Ambulance Services</a>
+                    </li>
+                    <li>
+                        <a href="https://customer.marinago.com/lzmqhb6d/account/login" title="Marina Payments">Marina Payments</a>
+                    </li>
+                    <li>
+                        <a href="/finance/services-and-permits/alarm-permits-and-false-alarms/" title="False Alarms">False Alarms</a>
+                    </li>
+                    <li>
+                        <a href="/services/#onlinepayments" title="More &#187;">More &#187;</a>
+                    </li>
+            </ul>
+    </div>
+                    <div class="col-md-4">
+            <a href="/services/#onlineservices" title="Online Services"><h3>Online Services</h3></a>
+            <ul>
+                    <li>
+                        <a href="/lbcd/enforcement/" title="Code Enforcement">Code Enforcement</a>
+                    </li>
+                    <li>
+                        <a href="https://www.p3tips.com/TipForm.aspx?ID=365#googtrans(en|en)" title="Report a Crime">Report a Crime</a>
+                    </li>
+                    <li>
+                        <a href="/pw/services/potholes/" title="Report a Pothole">Report a Pothole</a>
+                    </li>
+                    <li>
+                        <a href="https://apm.activecommunities.com/lbparks/Home" title="Recreation Class Registration">Recreation Class Registration</a>
+                    </li>
+                    <li>
+                        <a href="/lbcd/forms/" title="Planning Forms">Planning Forms</a>
+                    </li>
+                    <li>
+                        <a href="/lbcd/planning/current/permit/" title="Planning Permits">Planning Permits</a>
+                    </li>
+                    <li>
+                        <a href="/services/#onlineservices" title="More &#187;">More &#187;</a>
+                    </li>
+            </ul>
+    </div>
+                    <div class="col-md-4">
+            <a href="/services/#inperson" title="In-Person Services"><h3>In-Person Services</h3></a>
+            <ul>
+                    <li>
+                        <a href="/lbcd/building/permit-center/" title="Building Permits">Building Permits</a>
+                    </li>
+                    <li>
+                        <a href="/health/services/directory/records/" title="Obtain a Birth Certificate">Obtain a Birth Certificate</a>
+                    </li>
+                    <li>
+                        <a href="/health/services/directory/records/#death_certificate" title="Obtain a Death Certificate">Obtain a Death Certificate</a>
+                    </li>
+                    <li>
+                        <a href="http://registertovote.ca.gov/" title="Voter Registration">Voter Registration</a>
+                    </li>
+                    <li>
+                        <a href="/acs/programs-services/Pet-licensing/" title="Pet Licensing">Pet Licensing</a>
+                    </li>
+                    <li>
+                        <a href="/finance/services-and-permits/towing-and-lien-sales/" title="Towing &amp; Lien Sales">Towing &amp; Lien Sales</a>
+                    </li>
+                    <li>
+                        <a href="/services/#inperson" title="More &#187;">More &#187;</a>
+                    </li>
+            </ul>
+    </div>
+            </div>
+        </div>
+    </div>
+    <li class="top-nav-mega fw">
+        <a href="/businesses/" title="Businesses">Businesses</a>
+    </li>
+    <div class="top-nav-mega-full-width">
+        <div class="row-fluid">
+            <div>
+                    <div class="col-md-4">
+            <a href="/businesses/#openingbusiness" title="Opening a Business"><h3>Opening a Business</h3></a>
+            <ul>
+                    <li>
+                        <a href="/finance/business-info/business-licenses/business-licenses/" title="Business License">Business License</a>
+                    </li>
+                    <li>
+                        <a href="/lbcd/building/permit-center/" title="Permit Center">Permit Center</a>
+                    </li>
+                    <li>
+                        <a href="/lbcd/planning/" title="Planning">Planning</a>
+                    </li>
+                    <li>
+                        <a href="/lbcd/building/" title="Building">Building</a>
+                    </li>
+                    <li>
+                        <a href="/health/inspections-and-reporting/forms/environmental-health/" title="Health Forms">Health Forms</a>
+                    </li>
+                    <li>
+                        <a href="/lbcd/forms/" title="Planning &amp; Building Forms">Planning &amp; Building Forms</a>
+                    </li>
+                    <li>
+                        <a href="/businesses/#openingbusiness" title="More &#187;">More &#187;</a>
+                    </li>
+            </ul>
+    </div>
+                    <div class="col-md-4">
+            <a href="/businesses/#doingbusiness" title="Doing Business With The City"><h3>Doing Business With The City</h3></a>
+            <ul>
+                    <li>
+                        <a href="https://longbeachbuys.buyspeed.com/bso/" title="Register as a Vendor">Register as a Vendor</a>
+                    </li>
+                    <li>
+                        <a href="/economicdevelopment/business-support/" title="Business Development">Business Development</a>
+                    </li>
+                    <li>
+                        <a href="/finance/services-and-permits/fees-and-charges/" title="Fees &amp; Charges">Fees &amp; Charges</a>
+                    </li>
+                    <li>
+                        <a href="/economicdevelopment/business-support/city-loan-programs/" title="Financial Assistance">Financial Assistance</a>
+                    </li>
+                    <li>
+                        <a href="https://longbeachbuys.buyspeed.com/bso/" title="Bids/RFPs">Bids/RFPs</a>
+                    </li>
+                    <li>
+                        <a href="/health/services/directory/tobacco-permits/" title="Tobacco Permits">Tobacco Permits</a>
+                    </li>
+                    <li>
+                        <a href="/businesses/#doingbusiness" title="More &#187;">More &#187;</a>
+                    </li>
+            </ul>
+    </div>
+                    <div class="col-md-4">
+            <a href="/businesses/#resources" title="Resources"><h3>Resources</h3></a>
+            <ul>
+                    <li>
+                        <a href="http://www.pacific-gateway.org/" title="Workforce Development">Workforce Development</a>
+                    </li>
+                    <li>
+                        <a href="http://www.pacific-gateway.org/business" title="Business Assistance">Business Assistance</a>
+                    </li>
+                    <li>
+                        <a href="~/link/495299e6fe5e4fe78f9fb4e030244902.aspx" title="Commercial Improvement Rebate">Commercial Improvement Rebate</a>
+                    </li>
+                    <li>
+                        <a href="/economicdevelopment/" title="Economic Development">Economic Development</a>
+                    </li>
+                    <li>
+                        <a href="https://greenbusinessca.org/cityoflongbeach" title="Green Business">Green Business</a>
+                    </li>
+                    <li>
+                        <a href="/businesses/#resources" title="More &#187;">More &#187;</a>
+                    </li>
+            </ul>
+    </div>
+            </div>
+        </div>
+    </div>
+    <li class="top-nav-mega fw">
+        <a href="/residents/" title="Residents">Residents</a>
+    </li>
+    <div class="top-nav-mega-full-width">
+        <div class="row-fluid">
+            <div>
+                    <div class="col-md-4">
+            <a href="/residents/#popular" title="Most Popular"><h3>Most Popular</h3></a>
+            <ul>
+                    <li>
+                        <a href="/parking/" title="Parking">Parking</a>
+                    </li>
+                    <li>
+                        <a href="/disasterpreparedness/alert-long-beach/" title="Alert Long Beach">Alert Long Beach</a>
+                    </li>
+                    <li>
+                        <a href="/cityclerk/meetings/" title="Calendar/Agendas &amp; Minutes">Calendar/Agendas &amp; Minutes</a>
+                    </li>
+                    <li>
+                        <a href="/whodoicall/" title="Who Do I Call?">Who Do I Call?</a>
+                    </li>
+                    <li>
+                        <a href="/openlb/" title="OpenLB">OpenLB</a>
+                    </li>
+                    <li>
+                        <a href="/finance/services-and-permits/towing-and-lien-sales/" title="Towing &amp; Lien Sales">Towing &amp; Lien Sales</a>
+                    </li>
+                    <li>
+                        <a href="/residents/#popular" title="More &#187;">More &#187;</a>
+                    </li>
+            </ul>
+    </div>
+                    <div class="col-md-4">
+            <a href="/residents/#onlineresources" title="Online Resources"><h3>Online Resources</h3></a>
+            <ul>
+                    <li>
+                        <a href="/utilityservices/" title="Utility Services">Utility Services</a>
+                    </li>
+                    <li>
+                        <a href="/openlb/maplb/" title="GIS Mapping">GIS Mapping</a>
+                    </li>
+                    <li>
+                        <a href="/ti/resources/go-long-beach-apps/" title="GO Long Beach Apps">GO Long Beach Apps</a>
+                    </li>
+                    <li>
+                        <a href="/finance/services-and-permits/garage-sales/" title="Garage Sale Permits">Garage Sale Permits</a>
+                    </li>
+                    <li>
+                        <a href="/parking/preferential-permits/" title="Preferential Parking Permits">Preferential Parking Permits</a>
+                    </li>
+                    <li>
+                        <a href="/lbcd/enforcement/" title="Code Enforcement">Code Enforcement</a>
+                    </li>
+                    <li>
+                        <a href="/residents/#onlineresources" title="More &#187;">More &#187;</a>
+                    </li>
+            </ul>
+    </div>
+            </div>
+        </div>
+    </div>
+    <li class="top-nav-mega fw">
+        <a href="/visitors/" title="Visitors">Visitors</a>
+    </li>
+    <div class="top-nav-mega-full-width">
+        <div class="row-fluid">
+            <div>
+                    <div class="col-md-4">
+            <a href="/visitors/#attractions" title="Attractions"><h3>Attractions</h3></a>
+            <ul>
+                    <li>
+                        <a href="http://www.aquariumofpacific.org/" title="Aquarium of the Pacific">Aquarium of the Pacific</a>
+                    </li>
+                    <li>
+                        <a href="/park/park-and-facilities/parks-centers-pier/el-dorado-nature-center/" title="El Dorado Nature Center">El Dorado Nature Center</a>
+                    </li>
+                    <li>
+                        <a href="/park/marine/marinas/rainbow-harbor-rainbow-marina/" title="Rainbow Harbor &amp; Marina">Rainbow Harbor &amp; Marina</a>
+                    </li>
+                    <li>
+                        <a href="http://www.rancholosalamitos.com/" title="Rancho Los Alamitos">Rancho Los Alamitos</a>
+                    </li>
+                    <li>
+                        <a href="http://www.rancholoscerritos.org/" title="Rancho Los Cerritos">Rancho Los Cerritos</a>
+                    </li>
+                    <li>
+                        <a href="/visitors/#attractions" title="More &#187;">More &#187;</a>
+                    </li>
+            </ul>
+    </div>
+                    <div class="col-md-4">
+            <a href="/visitors/#associations" title="Business Associations"><h3>Business Associations</h3></a>
+            <ul>
+                    <li>
+                        <a href="http://www.belmontshore.org/" title="Belmont Shore">Belmont Shore</a>
+                    </li>
+                    <li>
+                        <a href="http://4thstreetlongbeach.com/" title="4th St. (Retro Row)">4th St. (Retro Row)</a>
+                    </li>
+                    <li>
+                        <a href="http://bixbyknollsinfo.com/" title="Bixby Knolls">Bixby Knolls</a>
+                    </li>
+                    <li>
+                        <a href="http://www.zaferia.org/" title="East Anaheim (Zaferia)">East Anaheim (Zaferia)</a>
+                    </li>
+                    <li>
+                        <a href="http://www.neighborhoodlink.com/Magnolia_Industrial_Group" title="Magnolia Industrial Group">Magnolia Industrial Group</a>
+                    </li>
+                    <li>
+                        <a href="http://www.uptownvillagemarket.com/" title="Uptown">Uptown</a>
+                    </li>
+                    <li>
+                        <a href="/visitors/#associations" title="More &#187;">More &#187;</a>
+                    </li>
+            </ul>
+    </div>
+                    <div class="col-md-4">
+            <a href="/visitors/#travel" title="Travel Resources"><h3>Travel Resources</h3></a>
+            <ul>
+                    <li>
+                        <a href="http://www.visitlongbeach.com/" title="Convention Visitors Bureau">Convention Visitors Bureau</a>
+                    </li>
+                    <li>
+                        <a href="/openlb/maplb/" title="GIS Maps &amp; Data">GIS Maps &amp; Data</a>
+                    </li>
+                    <li>
+                        <a href="/lgb/" title="Long Beach Airport (LGB)">Long Beach Airport (LGB)</a>
+                    </li>
+                    <li>
+                        <a href="http://www.lbtransit.com/" title="Long Beach Transit">Long Beach Transit</a>
+                    </li>
+                    <li>
+                        <a href="/parking/" title="Parking Services">Parking Services</a>
+                    </li>
+                    <li>
+                        <a href="/visitors/#travel" title="More &#187;">More &#187;</a>
+                    </li>
+            </ul>
+    </div>
+            </div>
+        </div>
+    </div>
+    <li class="top-nav-mega fw">
+        <a href="/departments/" title="Departments">Departments</a>
+    </li>
+    <div class="top-nav-mega-full-width">
+        <div class="row-fluid">
+            <div>
+                    <h3>Departments</h3>
+                    <div class="col-md-4">
+            <ul class="no-header">
+                    <li>
+                        <a href="/attorney/" title="City Attorney">City Attorney</a>
+                    </li>
+                    <li>
+                        <a href="http://www.cityauditorlauradoud.com/" title="City Auditor">City Auditor</a>
+                    </li>
+                    <li>
+                        <a href="/cityclerk/" title="City Clerk">City Clerk</a>
+                    </li>
+                    <li>
+                        <a href="/citymanager/" title="City Manager">City Manager</a>
+                    </li>
+                    <li>
+                        <a href="http://cityprosecutordoughaubert.com/" title="City Prosecutor">City Prosecutor</a>
+                    </li>
+                    <li>
+                        <a href="/civilservice/" title="Civil Service">Civil Service</a>
+                    </li>
+                    <li>
+                        <a href="/lbcd/" title="Community Development">Community Development</a>
+                    </li>
+                    <li>
+                        <a href="/disasterpreparedness/" title="Disaster Preparedness">Disaster Preparedness</a>
+                    </li>
+            </ul>
+    </div>
+                    <div class="col-md-4">
+            <ul class="no-header">
+                    <li>
+                        <a href="/economicdevelopment/" title="Economic Development">Economic Development</a>
+                    </li>
+                    <li>
+                        <a href="/energyresources/" title="Energy Resources">Energy Resources</a>
+                    </li>
+                    <li>
+                        <a href="/finance/" title="Financial Management">Financial Management</a>
+                    </li>
+                    <li>
+                        <a href="/fire/" title="Fire">Fire</a>
+                    </li>
+                    <li>
+                        <a href="http://www.polb.com/" title="Harbor">Harbor</a>
+                    </li>
+                    <li>
+                        <a href="/health/" title="Health &amp; Human Services">Health &amp; Human Services</a>
+                    </li>
+                    <li>
+                        <a href="/hr/" title="Human Resources">Human Resources</a>
+                    </li>
+                    <li>
+                        <a href="/library/" title="Library">Library</a>
+                    </li>
+            </ul>
+    </div>
+                    <div class="col-md-4">
+            <ul class="no-header">
+                    <li>
+                        <a href="/lgb/" title="Long Beach Airport (LGB)">Long Beach Airport (LGB)</a>
+                    </li>
+                    <li>
+                        <a href="https://www.lbutilities.org/" title="Long Beach Utilities">Long Beach Utilities</a>
+                    </li>
+                    <li>
+                        <a href="/officials/" title="Mayor &amp; City Council">Mayor &amp; City Council</a>
+                    </li>
+                    <li>
+                        <a href="/park/" title="Parks, Recreation &amp; Marine">Parks, Recreation &amp; Marine</a>
+                    </li>
+                    <li>
+                        <a href="/police/" title="Police">Police</a>
+                    </li>
+                    <li>
+                        <a href="/policeoversight/" title="Police Oversight">Police Oversight</a>
+                    </li>
+                    <li>
+                        <a href="/pw/" title="Public Works">Public Works</a>
+                    </li>
+                    <li>
+                        <a href="/ti/" title="Technology &amp; Innovation">Technology &amp; Innovation</a>
+                    </li>
+            </ul>
+    </div>
+            </div>
+        </div>
+    </div>
+    <li class="top-nav-mega fw">
+        <a href="/jobs/" title="Jobs">Jobs</a>
+    </li>
+    <div class="top-nav-mega-full-width">
+        <div class="row-fluid">
+            <div>
+                    <div class="col-md-4">
+            <a href="/jobs/" title="Job Opportunities"><h3>Job Opportunities</h3></a>
+            <ul>
+                    <li>
+                        <a href="https://www.governmentjobs.com/careers/longbeach" title="Current Openings">Current Openings</a>
+                    </li>
+                    <li>
+                        <a href="https://www.governmentjobs.com/careers/longbeach/promotionaljobs" title="City Employees Only">City Employees Only</a>
+                    </li>
+                    <li>
+                        <a href="/jobs/internships/" title="Internships">Internships</a>
+                    </li>
+                    <li>
+                        <a href="/jobs/map/management-assistant-program/" title="Management Assistant Program">Management Assistant Program</a>
+                    </li>
+                    <li>
+                        <a href="/jobs/volunteer-opportunities/" title="Volunteer Opportunities">Volunteer Opportunities</a>
+                    </li>
+                    <li>
+                        <a href="http://www.polb.com/jobs" title="Port of Long Beach">Port of Long Beach</a>
+                    </li>
+                    <li>
+                        <a href="https://www.lbutilities.org/about-us/employment" title="Utilities Department">Utilities Department</a>
+                    </li>
+                    <li>
+                        <a href="http://www.pacific-gateway.org/" title="Local Non-City Jobs">Local Non-City Jobs</a>
+                    </li>
+            </ul>
+    </div>
+                    <div class="col-md-4">
+            <a href="/jobs/" title="Information"><h3>Information</h3></a>
+            <ul>
+                    <li>
+                        <a href="/hr/city-employees/employee-benefits/" title="Employee Benefits">Employee Benefits</a>
+                    </li>
+                    <li>
+                        <a href="/hr/about-us/labor-relations/" title="Labor Relations">Labor Relations</a>
+                    </li>
+                    <li>
+                        <a href="/hr/jobs/descriptions-and-compensation/" title="Job Descriptions and Compensation">Job Descriptions and Compensation</a>
+                    </li>
+                    <li>
+                        <a href="/civilservice/civil-service-commission/rules-and-regulations/" title="Rules &amp; Regulations">Rules &amp; Regulations</a>
+                    </li>
+                    <li>
+                        <a href="/jobs/contact/" title="Contact Us">Contact Us</a>
+                    </li>
+            </ul>
+    </div>
+            </div>
+        </div>
+    </div>
+    </ul>
+</div>
+                                </div>
+                            </div>
+                        </div>
+    <div class="interior-header">
+        <div class="img-title content-container">
+            <h2>Page Not Found</h2>
+        </div>
+    </div>
+    <div class="breadcrumbs-wrap">
+        <div class="breadcrumbs content-container">
+            <span>
+        <a target="_self" href="/" title="Home">Home</a> &raquo;    Page Not Found
+</span>
+        </div>
+    </div>
+    <div class="container-fluid content-container main-content-wrap">
+        <div class="row">
+            <div class="col-md-12 col-sm-12 main-content full-width">
+                <div class="col-md-12 col-sm-12">
+                    <link href="/globalassets/pages/services.css" rel="stylesheet" type="text/css" />
+<style type="text/css"><!--
+.bold-header {
+font-size: 22px;
+font-weight: 700;
+font-family: 'Raleway';
+width: 100%;
+text-align: center;
+margin: auto;
+padding-left: 0%;
+padding-right: 0%;
+padding-top: 3%;
+}
+.main-content-wrap {
+  padding-top: 28px;
+  padding-bottom: 0px;
+  position: relative;
+  background: #fff;
+ padding-left: 0%;
+  padding-right: 0%;
+}
+@media (max-width: 599px) {
+.main-content.full-width {
+ padding-left: 0%;
+}
+.main-content {
+ padding-right: 0%;
+}
+.main-content input[type="button"], .main-content input[type="submit"], .main-content input[type="reset"] {
+width: 100%;
+}
+--></style>
+<div class="bold-header"><span style="font-size: 40px; display: block;">We're sorry.</span>The page you are trying to reach cannot be found.</div>
+<div style="display: block; width: 100%; text-align: center; overflow: hidden; padding: 3%;">
+<div style="overflow: hidden; display: inline-block;"><input id="ctl00_ContentPlaceHolder1_btnAgree" onclick="location.href='/pages/search.aspx/';" type="button" value="Site Search" name="ctl00$ContentPlaceHolder1$btnAgree" /><input id="ctl00_ContentPlaceHolder1_btnAgree" onclick="location.href='/';" type="button" value="Return Home" name="ctl00$ContentPlaceHolder1$btnAgree" /></div>
+</div>
+<div style="display: block; padding: 0% 3%; background: #eef3f6;"><img alt="" title="Online Services" src="/globalassets/services/online_services.png" />
+<div class="row-label"><a name="onlineservices"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Online Services</div>
+<div class="links-wrapper">
+<div id="column-a">
+<ul>
+<li><a href="http://www.lbds.info/building/">Building Permits</a></li>
+<li><a title="Code Enforcement" href="http://www.lbds.info/neighborhood_services/code_enforcement/default.asp" target="_blank">Code Enforcement</a></li>
+<li><a title="Commercial Improvement Rebate" href="http://www.lbds.info/neighborhood_services/corridor_beautification/default.asp" target="_blank">Commercial Improvement Rebate</a></li>
+<li><a href="http://www.lbds.info/building/development_services_center.asp">Development Permit Center</a></li>
+<li><a title="Fire Recertification Forms" href="/fire/fire-prevention/hazardous-materials-recertification-forms/">Fire Recertification Forms</a></li>
+<li><a title="Fire Station Locations" href="/fire/about-us/station-locations/">Fire Station Locations</a></li>
+<li><a title="Garage Sales" href="/finance/services-and-permits/garage-sales/">Garage Sales</a></li>
+<li><a title="GIS Maps &amp;amp; Data" href="/openlb/maplb/">GIS Maps &amp; Data</a></li>
+<li><a title="GO Long Beach" href="http://www.golbcity.com/" target="_blank">Go Long Beach</a></li>
+<li><a title="Go Long Beach Apps" href="/ti/resources/go-long-beach-apps/">Go Long Beach Apps</a></li>
+<li><a title="Green Building" href="http://www.lbds.info/planning/advance_planning/green_building/default.asp" target="_blank">Green Building</a></li>
+<li><a title="Hazardous Waste" href="/lbrecycles/hazardous-waste-101/">Hazardous Waste</a></li>
+<li><a title="Health" href="/health/">Health</a></li>
+</ul>
+</div>
+<div id="column-b">
+<ul>
+<li><a title="Job Seekers and Business" href="https://www.caljobs.ca.gov/vosnet/Default.aspx" target="_blank">Job Seekers and Business</a></li>
+<li><a title="LinkLB" href="/linklb/">LinkLB</a></li>
+<li><a title="LBTV" href="http://www.lbtv3.com" target="_blank">LBTV</a></li>
+<li><a title="Long Beach Airport (LGB)" href="http://www.lgb.org/" target="_blank">Long Beach Airport (LGB)</a></li>
+<li><a title="Long Beach CUPA" href="/health/inspections-and-reporting/inspections/hazardous-materials-management/">Long Beach CUPA</a></li>
+<li><a title="Long Beach Drug Card" href="http://longbeachdrugcard.com/index.php" target="_blank">Long Beach Drug Card</a></li>
+<li><a title="Long Beach Transit" href="http://www.lbtransit.com/" target="_blank">Long Beach Transit</a></li>
+<li><a title="Natural Gas" href="/energyresources/about-us/natural-gas/">Natural Gas</a></li>
+<li><a title="Neighborhood Resource Center" href="http://www.lbds.info/neighborhood_services/neighborhood_resource_center/default.asp" target="_blank">Neighborhood Resource Center</a></li>
+<li><a title="Neighborhood Services" href="http://www.lbds.info/neighborhood_services/default.asp" target="_blank">Neighborhood Services</a></li>
+<li><a title="Pacific Gateway" href="http://www.pacific-gateway.org/" target="_blank">Pacific Gateway</a></li>
+<li><a title="Parks, Recreation &amp;amp; Marine" href="/park/">Parks, Recreation &amp; Marine</a></li>
+<li><a title="Plan Check Requirements" href="http://www.lbds.info/building/engineering_n_development_services/plan_review_requirements.asp" target="_blank">Plan Check Requirements</a></li>
+</ul>
+</div>
+<div id="column-c">
+<ul>
+<li><a title="Planning Maps &amp;amp; Demographics" href="http://www.lbds.info/planning/advance_planning/maps_n_demographics.asp" target="_blank">Planning Maps &amp; Demographics</a></li>
+<li><a title="Planning Permits" href="http://www.lbds.info/planning/current_planning/planning_permit_information.asp" target="_blank">Planning Permits</a></li>
+<li><a title="Police Permits and Licensing" href="/police/how-do-i/permits-fees-and-licensing/">Police Permits and Licensing</a></li>
+<li><a title="Preferential Parking Permits" href="/parking/preferential-permits/">Preferential Parking Permits</a></li>
+<li><a title="Recreation Class Registration" href="https://apm.activecommunities.com/lbparks/Home" target="_blank">Recreation Class Registration</a></li>
+<li><a title="Recycling" href="/lbrecycles/recycling/recycling-guidelines/">Recycling</a></li>
+<li><a title="Refuse" href="/lbrecycles/refuse/curbside-collection/refuse-collection-101/">Refuse</a></li>
+<li><a title="Report a Crime" href="/police/">Report a Crime</a></li>
+<li><a title="Report a Pothole" href="/pw/services/potholes/">Report a Pothole</a></li>
+<li><a title="Resident" href="/pw/services/">Public Works Services Directory</a></li>
+<li><a title="Sewer" href="http://www.lbwater.org/sanitary-sewers" target="_blank">Sewer</a></li>
+<li><a title="Tobacco Permits" href="/health/services/directory/tobacco-permits/">Tobacco Permits</a></li>
+<li><a title="Water" href="http://www.lbwater.org/" target="_blank">Water</a></li>
+</ul>
+</div>
+</div>
+</div>
+                </div>
+            </div>
+        </div>
+    </div>
+<div id="footer" class="clearfix">
+    <div class="row">
+            <div class="col-md-2 col-sm-4 col-xs-12 ie-foot">
+                <h3>Do.</h3>
+                <ul>
+                        <li>
+                            <a href="/utilityservices/billing-and-payments/payment-options/">Pay Utility Bills</a>
+                        </li>
+                        <li>
+                            <a href="/services/">Get Licenses and Permits</a>
+                        </li>
+                        <li>
+                            <a href="/lbrecycles/">Reduce. Reuse. Recycle.</a>
+                        </li>
+                        <li>
+                            <a href="https://longbeach.primegov.com/public/portal?fromiframe=true">Meetings Live</a>
+                        </li>
+                </ul>
+            </div>
+            <div class="col-md-2 col-sm-4 col-xs-12 ie-foot">
+                <h3>Discover.</h3>
+                <ul>
+                        <li>
+                            <a href="https://gis.longbeach.gov/MapIt/" target="_blank">Information Near You</a>
+                        </li>
+                        <li>
+                            <a href="/openlb/">OpenLB</a>
+                        </li>
+                        <li>
+                            <a href="/events/">City Calendar</a>
+                        </li>
+                        <li>
+                            <a href="/cityclerk/meetings/">Meetings &amp; Agendas</a>
+                        </li>
+                </ul>
+            </div>
+            <div class="col-md-2 col-sm-4 col-xs-12 ie-foot">
+                <h3>Connect.</h3>
+                <ul>
+                        <li>
+                            <a href="/socialmedia/">Social Media</a>
+                        </li>
+                        <li>
+                            <a href="/ti/resources/go-long-beach-apps/">Mobile Apps</a>
+                        </li>
+                        <li>
+                            <a href="/linklb/">LinkLB</a>
+                        </li>
+                </ul>
+            </div>
+            <div class="col-md-2 col-sm-4 col-xs-12 ie-foot">
+                <h3>Ask.</h3>
+                <ul>
+                        <li>
+                            <a href="/whodoicall/">Who Do I Call</a>
+                        </li>
+                        <li>
+                            <a href="/officials/">Your City Officials</a>
+                        </li>
+                        <li>
+                            <a href="/privacy/">Privacy Policy</a>
+                        </li>
+                        <li>
+                            <a href="/social-media-tc/">Social Media TC</a>
+                        </li>
+                </ul>
+            </div>
+        <div class="col-md-2 col-sm-8 col-xs-12 ie-foot">
+            <div class="social-icons">
+                        <a href="/link/93119c7cb20247389de1b2796f618c46.aspx" target="_blank">
+                            <img src="/globalassets/social-fb1.png" alt="Social Media" title="Social Media" />
+                        </a>
+                        <a href="/link/93119c7cb20247389de1b2796f618c46.aspx" target="_blank">
+                            <img src="/globalassets/social-ig.png" alt="Social Media" title="Social Media" />
+                        </a>
+                        <a href="/link/93119c7cb20247389de1b2796f618c46.aspx" target="_blank">
+                            <img src="/globalassets/social-twrt.png" alt="Social Media" title="Social Media" />
+                        </a>
+                        <a href="/link/93119c7cb20247389de1b2796f618c46.aspx" target="_blank">
+                            <img src="/globalassets/social-threads.png" alt="Social Media" title="Social Media" />
+                        </a>
+                        <a href="/link/93119c7cb20247389de1b2796f618c46.aspx" target="_blank">
+                            <img src="/globalassets/social-yt1.png" alt="Social Media" title="Social Media" />
+                        </a>
+            </div>
+            <a href="/">
+                <img src="/globalassets/footer-logo.png" />
+            </a>
+        </div>
+    </div>
+</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <script src="/common/js/master.js"></script>
+        <script type="text/javascript">
+        $(document).ready(function() {
+            // to initiate new dropdown menu, call both functions on the container id
+            // wayoutmenu requires the #container, #button
+            wayoutMenu('#top-nav', '#main-mobile-toggle');
+            resizeMenu('#top-nav');
+            $('.mobile-search-toggle').click(function() {
+                $('.search').toggleClass('expand');
+                return false;
+            });
+            $("#btnSearch").click(function() {
+                window.location.href = "/search/?searchtext=" + encodeURIComponent($("#txtSearch").val());
+            });
+            $("#txtSearch").keypress(function(e) {
+                if (e.which == 13) {
+                    $("#btnSearch").click();
+                }
+            });
+        });
+        </script>
+        <!-- Scripts and styles used for font size feature -->
+        <script src="/common/js/store.min.js"></script>
+        <script src="/common/js/custom-rv-fontsize.js"></script>
+        <script type="text/javascript">
+            $(function () {
+                $.rvFontsize({
+                    targetSection: 'body',
+                    store: true, // store.min.js required!
+                    variations: 7,
+                    controllers: {
+                        append: true,
+                        appendTo: '#text-resizer',
+                        showResetButton: true
+                    }
+                });
+                if (typeof $$epiforms !== 'undefined') {
+                    $$epiforms(".EPiServerForms").on("formsStepValidating", function (event) {
+                        if (event.isValid) return;
+                        var eventTarget = $(event.target);
+                        var errorElementName = eventTarget.find('.Form__Element__ValidationError:visible:first').attr('data-epiforms-linked-name');
+                        if (!errorElementName) return;
+                        var errorElement = eventTarget.find('[name="' + errorElementName + '"]');
+                        if (errorElement) errorElement.focus();
+                    });
+                }
+            });
+        </script>
+        <!--[if IE 8]>
+        <link rel="stylesheet" type="text/css" href="~/common/css/ie8.css"/>
+    <![endif]-->
+    </div>
+    <script type="text/javascript" src="https://dl.episerver.net/12.4.1/epi-util/find.js"></script>
+<script type="text/javascript">
+if(FindApi){var api = new FindApi();api.setApplicationUrl('/');api.setServiceApiBaseUrl('/find_v2/');api.processEventFromCurrentUri();api.bindWindowEvents();api.bindAClickEvent();api.sendBufferedEvents();}
+</script>
+</body>
+</html>

tests/test_call.py ADDED Viewed

	@@ -0,0 +1,15 @@

+import pytest
+from handler import EndpointHandler
+@pytest.fixture
+def html() -> str:
+    with open("data/test.html", "r") as f:
+        return f.read()
+def test_call(html):
+    eh = EndpointHandler(
+        path="/"
+    )
+    output = eh({"inputs": html})
+    print(output)

types.py → types_.py RENAMED Viewed

File without changes

uv.lock CHANGED Viewed

The diff for this file is too large to render. See raw diff