From 7fb02f478833f322926926e9ddde927ee501f877 Mon Sep 17 00:00:00 2001 From: Eli Ribble Date: Fri, 30 Jan 2026 20:14:10 +0000 Subject: [PATCH] Update root RMO to use banner and new colored icon --- rmo/template/mock/root.html | 34 ----------- rmo/template/root.html | 91 +++++------------------------ rmo/template/svg/mosquito-color.svg | 1 + scss/custom.scss | 1 + scss/rmo/root.scss | 32 ++++++++++ 5 files changed, 47 insertions(+), 112 deletions(-) create mode 100644 rmo/template/svg/mosquito-color.svg create mode 100644 scss/rmo/root.scss diff --git a/rmo/template/mock/root.html b/rmo/template/mock/root.html index 232fe125..5f0f8df9 100644 --- a/rmo/template/mock/root.html +++ b/rmo/template/mock/root.html @@ -2,40 +2,6 @@ {{define "title"}}Main{{end}} {{define "extraheader"}} - {{end}} {{define "content"}} diff --git a/rmo/template/root.html b/rmo/template/root.html index 43d1da62..80aed492 100644 --- a/rmo/template/root.html +++ b/rmo/template/root.html @@ -2,57 +2,14 @@ {{define "title"}}Main{{end}} {{define "extraheader"}} - {{end}} {{define "content"}}
-
-
-
-

Report Mosquitoes Online

-

- We are dedicated to protecting public health and improving quality of life by reducing - mosquito populations and the diseases they can carry. Our districts provide comprehensive - mosquito surveillance, control, and education services to our community. -

-
-
-
-
- - -
-
-
-
-

On the go?

- Make a Quick Report -

Report mosquito issues in under 60 seconds

-
-
+
@@ -61,67 +18,45 @@

How Can We Help You Today?

-
- {{ template "mosquito.svg" }} + {{ template "mosquito-color.svg" }}
-

Follow-up or Check Status

-

Check on a previous request or view current mosquito activity in your area.

- Get Status +

Report Mosquito Nuisance

+

Report areas with high adult mosquito activity causing discomfort or concern.

+ Report Problem
- -
{{ template "pond.svg" }}
-

Report a Green Pool

-

Report stagnant water sources like abandoned pools that may breed mosquitoes.

- Report Source +

Report Standing Water

+

Report any water that has been sitting for several days, where mosquitoes can live.

+ Report Source
- -
{{ template "check-report.svg" }}
-

Report Mosquito Nuisance

-

Report areas with high adult mosquito activity causing discomfort or concern.

- Report Problem +

Follow-up or Check Status

+

Check on a previous request or view current mosquito activity in your area.

+ Get Status
+
- -
-
-
-
-
-
-
Need to make a quick report?
-

Use our streamlined form to report mosquito issues in under 60 seconds

-
-
- Quick Report -
-
-
-
-
-
diff --git a/rmo/template/svg/mosquito-color.svg b/rmo/template/svg/mosquito-color.svg new file mode 100644 index 00000000..00b251d7 --- /dev/null +++ b/rmo/template/svg/mosquito-color.svg @@ -0,0 +1 @@ + diff --git a/scss/custom.scss b/scss/custom.scss index b69de586..4edb4fde 100644 --- a/scss/custom.scss +++ b/scss/custom.scss @@ -41,3 +41,4 @@ $theme-colors: map-merge( @import "./bootstrap/scss/bootstrap"; @import "./sidebar.scss"; +@import "./rmo/root.scss"; diff --git a/scss/rmo/root.scss b/scss/rmo/root.scss new file mode 100644 index 00000000..5606b41a --- /dev/null +++ b/scss/rmo/root.scss @@ -0,0 +1,32 @@ +.service-card { + transition: transform 0.3s; + height: 100%; +} +.service-card:hover { + transform: translateY(-5px); + box-shadow: 0 10px 20px rgba(0,0,0,0.1); +} +.district-logo { + max-height: 80px; + width: auto; +} +.quick-report-mobile { + background-color: #ff9800; +} +.quick-report-desktop { + background-color: #ffefd5; + border-left: 4px solid #ff9800; +} + +.banner-container { + position: relative; + width: 100%; + background-color: #F76436; + overflow: hidden; +} + +.banner-image { + display: block; + /* width as needed */ +} +