diff --git a/_data/assetPaths.json b/_data/assetPaths.json index cf61d44..94fb0f1 100644 --- a/_data/assetPaths.json +++ b/_data/assetPaths.json @@ -24,8 +24,10 @@ "file-pdf.svg": "/assets/assets/file-pdf-JIOM4YQ2.svg", "file-video.svg": "/assets/assets/file-video-EG2XXN3X.svg", "file-word.svg": "/assets/assets/file-word-LAS3SDGR.svg", - "help-icon.svg": "/assets/assets/help-icon-URMBOHXY.svg", - "hero.webp": "/assets/assets/hero-CASA3JPW.webp", + "hero-2.webp": "/assets/assets/hero-2-OXVBFOOX.webp", + "home-experts.jpg": "/assets/assets/home-experts-YOFFTBTA.jpg", + "home-nearby-mutual-aid.jpg": "/assets/assets/home-nearby-mutual-aid-GQOLXG7O.jpg", + "home-state-assistance.jpg": "/assets/assets/home-state-assistance-ZVYE5QPY.jpg", "info.svg": "/assets/assets/info-TBKQSD4V.svg", "launch--white.svg": "/assets/assets/launch--white-RFNMNFON.svg", "launch.svg": "/assets/assets/launch-ITYHD56Q.svg", @@ -58,6 +60,6 @@ "admin.map": "/assets/js/admin-TRAB3TNM.js.map", "app.js": "/assets/js/app-PHNK6WN2.js", "app.map": "/assets/js/app-PHNK6WN2.js.map", - "index.css": "/assets/styles/index-JXBJFNUE.css", - "index.map": "/assets/styles/index-JXBJFNUE.css.map" + "index.css": "/assets/styles/index-NRV72O55.css", + "index.map": "/assets/styles/index-NRV72O55.css.map" } \ No newline at end of file diff --git a/_includes/hero.html b/_includes/hero.html index cf4285d..e3afe06 100644 --- a/_includes/hero.html +++ b/_includes/hero.html @@ -1,43 +1,47 @@ diff --git a/_includes/highlights.html b/_includes/highlights.html index 7c0feb8..ec67032 100644 --- a/_includes/highlights.html +++ b/_includes/highlights.html @@ -1,6 +1,6 @@ -
+
-

Why use mutual aid ?

+

Benefits of mutual aid for rebuilding

  • @@ -14,26 +14,7 @@

    Rapid Response

    - Mutual aid allows communities to quickly mobilize additional qualified personnel to handle the surge in - inspections and permit requests that typically occur after a disaster. -

    -
    -
- -
  • -
    -
    -

    Expertise and Resources

    -
    -
    -
    - -
    -
    -
    -

    - Through mutual aid agreements, communities can access specialized expertise and resources they may not - have internally. + Mutual aid allows communities to quickly mobilize additional qualified personnel to handle the surge in inspections and permit requests that typically occur after a disaster.

    @@ -50,26 +31,7 @@

    Cost-Effective Solution

    - Utilizing mutual aid is often more cost-effective than hiring temporary staff or contractors, as - partnering jurisdictions typically only seek reimbursement for direct costs. -

    -
    - -
    • -
  • -
    -
    -

    Consistency in Enforcement

    -
    -
    -
    - -
    -
    -
    -

    - Mutual aid personnel are usually familiar with building codes and standards, helping ensure consistent and - proper enforcement of regulations during rebuilding. + Utilizing mutual aid is often more cost-effective than hiring temporary staff or contractors, as partnering jurisdictions typically only seek reimbursement for direct costs.

    @@ -77,7 +39,7 @@

    Consistency in Enforcement

  • -

    Reduced Strain on Local Staff

    +

    Reduced Strain on Staff

    @@ -86,8 +48,7 @@

    Reduced Strain on Local Staff

    - By bringing in outside assistance, mutual aid prevents burnout of local building department staff who may - be overwhelmed by increased workloads following a disaster. + By bringing in outside assistance, mutual aid prevents burnout of local staff who may be overwhelmed by increased workloads following a disaster.

    @@ -95,21 +56,68 @@

    Reduced Strain on Local Staff

  • -

    Improved Community Resilience

    +

    Consistency in Enforcement

    - +

    - Mutual aid can help rebuild in ways that make structures more resilient and better prepare communities to - handle future disasters. + Mutual aid personnel are usually familiar with building codes and standards, helping ensure consistent and proper enforcement of regulations during rebuilding.

    • +
    +
    +
    +

    Examples of how communities can use mutual aid for post-disaster rebuilding

    +
    +
    + + + + +
    +
    +

    Mutual aid from nearby counties helps residents assess hurricane damage quickly

    +

    After a severe hurricane, a mid-sized city finds its building department overwhelmed with inspection requests for damaged structures.

    +

    The city activates its mutual aid agreement with neighboring counties, bringing in additional certified inspectors to help clear the backlog.

    +

    This allows residents to quickly determine if their homes are safe to occupy and expedites the start of repair work, significantly reducing the time people spend in temporary housing.

    +
    +
    +
    +
    + + + + +
    +
    +

    State assistance helps small town recover after tornado damage

    +

    A small, rural town with limited resources is hit by a tornado, damaging numerous buildings.

    +

    The town's single part-time building inspector is unable to handle the volume of work needed for rebuilding.

    +

    Through a state-wide mutual aid program, the town receives assistance from building officials from larger cities, who help process permits and conduct inspections.

    +

    This support ensures that rebuilding efforts comply with current safety standards and progress swiftly.

    +
    +
    +
    +
    + + + + +
    +
    +

    Experts from other states assist urban neighborhood after flood

    +

    In an underserved urban neighborhood, a flash flood damages many older homes and small businesses, overwhelming the already understaffed local building department that lacks expertise in flood-related repairs.

    +

    Through a mutual aid agreement, the city brings in floodplain management experts and additional permit processors from other states to address the community's needs.

    +

    This targeted assistance speeds up the recovery process and helps implement flood-resistant building practices, improving the neighborhood's long-term resilience.

    +
    +
    +
    \ No newline at end of file diff --git a/_includes/theme/images/hero-2.jpg b/_includes/theme/images/hero-2.jpg new file mode 100644 index 0000000..44afadb Binary files /dev/null and b/_includes/theme/images/hero-2.jpg differ diff --git a/_includes/theme/images/hero-2.webp b/_includes/theme/images/hero-2.webp new file mode 100644 index 0000000..6b9c9be Binary files /dev/null and b/_includes/theme/images/hero-2.webp differ diff --git a/_includes/theme/images/home-experts.jpg b/_includes/theme/images/home-experts.jpg new file mode 100644 index 0000000..833ecfe Binary files /dev/null and b/_includes/theme/images/home-experts.jpg differ diff --git a/_includes/theme/images/home-nearby-mutual-aid.jpg b/_includes/theme/images/home-nearby-mutual-aid.jpg new file mode 100644 index 0000000..14bce10 Binary files /dev/null and b/_includes/theme/images/home-nearby-mutual-aid.jpg differ diff --git a/_includes/theme/images/home-state-assistance.jpg b/_includes/theme/images/home-state-assistance.jpg new file mode 100644 index 0000000..c2cae02 Binary files /dev/null and b/_includes/theme/images/home-state-assistance.jpg differ diff --git a/_includes/theme/styles/_templates.scss b/_includes/theme/styles/_templates.scss index 1bf7e32..c686837 100644 --- a/_includes/theme/styles/_templates.scss +++ b/_includes/theme/styles/_templates.scss @@ -79,6 +79,11 @@ iframe:focus, } } +.usa-navbar, +.usa-menu-btn { + height: units(7); +} + .usa-link { line-height: line-height('heading', 2); @@ -94,6 +99,8 @@ iframe:focus, } .usa-logo { + margin-top: 0; + a { color: white; @@ -142,41 +149,64 @@ iframe:focus, } .usa-hero { - background: $theme-hero-image !important; - box-shadow: -1px 60px 120px 25px rgba(0,0,0,0.95) inset; - -webkit-box-shadow: -1px 60px 120px 25px rgba(0,0,0,0.95) inset; - -moz-box-shadow: -1px 60px 120px 25px rgba(0,0,0,0.95) inset; + background: #005288; + &>.grid-container { + padding: 0; + } + h1 { - text-align: center; color: white; font-weight: 400; font-size: size('body', 11); line-height: lh('heading', 4); + margin-bottom: units(3); @include at-media(desktop) { font-size: size('heading', 12); } } - .grid-container { - max-width: 42rem; - } - .usa-hero__callout { - margin: 1em auto; max-width: 100%; - background: color('gray-cool-60'); + padding: units(5); + background: none; + width: 100%; + + @include at-media(tablet-lg) { + float: right; + padding: units(5) 0; + margin-right: units(5); + width: 21.875rem; + } - .grid-container { - padding: 0; + @include at-media(desktop) { + margin-right: units(10); + } + + p, + li { + font-family: font-family('serif'); + } + + .usa-list { + margin-bottom: units(3); + + li { + margin-bottom: units(2.5); + } } .usa-form { max-width: 100%; + padding: units(3); + background: #c0c2c4; + color: black; + margin-bottom: units(3); .usa-legend { font-size: size('body', 8); + font-family: font-family('serif'); max-width: 100%; } @@ -185,26 +215,16 @@ iframe:focus, border: 1px solid white; background: color('green-60v'); font-weight: 400; - font-size: size('body', 7); + font-size: size('body', 8); line-height: line-height('body', 2); - padding: units(1.5) units(1.5) units(1.5) units(5); + padding: units(1.5); text-align: center; - background: color('green-60v') url('../images/help-icon.svg') no-repeat units(1) center; + background: color('green-60v'); width: 100%; - - @include at-media(desktop) { - font-size: size('body', 5); - } + margin: 0; } } - - - select, - input { - margin: 0; - } - select { padding: units(1.5); height: auto; @@ -213,95 +233,252 @@ iframe:focus, label { margin-bottom: units(1); + margin-top: units(1); + } + } + + .hero-image, + .hero-text-form { + width: 100%; + } + + .hero-text-form { + @include at-media(tablet-lg) { + width: 53.5%; + } + + @include at-media(desktop) { + width: 51.5%; + } + } + + .hero-image { + background: none; + + @include at-media(tablet-lg) { + background: url($theme-hero-image) left top no-repeat; + background-size: cover; + width: 46.5%; + } + + @include at-media(desktop) { + width: 48.5%; } } } -.home-highlights { - h2 { - font-size: size('body', 13); - font-weight: 500; - text-align: center; - margin-top: 0px; - color: white; +.homepage-container { + p, + li { + font-size: size('body', 4); } - .grid-container { - max-width: 55rem; + .usa-section { + padding-top: units(6); + padding-bottom: units(6); } - .usa-card__container { - background: color('gray-cool-10'); - color: black; - min-height: 206px; + .home-highlights { - a, - p, - h3 { - color: black; + &.usa-section { + padding-bottom: 0; } - h3 { - font-family: font-family('sans'); - font-size: size('body', 10); - text-align: center; + h2 { + font-size: size('body', 12); + font-weight: 600; + text-align: center; + margin-top: 0px; + margin-bottom: units(1); + color: #005288; } - - .usa-card__header, - .usa-card__body, - .usa-card__footer { - margin-left: 0; + + .grid-container { + max-width: units('tablet-lg'); } + + .usa-card { + margin-bottom: units(0.5); + } + + .usa-card__container { + color: black; + min-height: 206px; + border-color: white; + margin-left: 0; + margin-right: 0; + + a, + p, + h3 { + color: black; + } + + h3 { + font-family: font-family('sans'); + font-size: size('body', 10); + font-weight: font-weight('semibold'); + text-align: center; + } + + .usa-card__header, + .usa-card__body, + .usa-card__footer { + margin-left: 0; + } - .usa-card__img { - background: none; - padding: units(2); + .usa-card__body { + padding-bottom: 0; + } - img { - height: auto; - -o-object-fit: unset; - object-fit: unset; - max-width: none; - width: 100px; - height: 100px; - margin: 0 auto; + .usa-card__img { + background: none; + padding: units(2); + + img { + height: auto; + -o-object-fit: unset; + object-fit: unset; + max-width: none; + width: 100px; + height: 100px; + margin: 0 auto; + } } - } + + .usa-card__media { + z-index: 4; + } + + .usa-card__header { + padding-top: 0; + padding-bottom: units(2); + } + + .usa-card__body { + ul { + list-style: disc; + padding-left: units(2); - .usa-card__media { - z-index: 4; + li { + margin-bottom: units(2); + } + } + } + + .usa-card__footer { + position: relative; + z-index: 5; + margin: 0; + text-align: center; + padding-top: units(2); + + .usa-button { + color: white; + background: color('blue-cool-50'); + font-weight: 400; + padding: units(2); + border-radius: 0; + } + } } + } - .usa-card__header { + .home-examples { + + &.usa-section { padding-top: 0; - padding-bottom: units(2); } - .usa-card__body { - ul { - list-style: disc; - padding-left: units(2); + h2 { + font-size: size('body', 12); + font-weight: 400; + color: black; + background: #c0c2c4; + padding: units(5); - li { - margin-bottom: units(2); + @include at-media(tablet-lg) { + padding: units(6) 5.5rem; + } + } + + .grid-container { + max-width: units('desktop'); + padding: 0; + + @include at-media(tablet-lg) { + padding: units(2); + } + } + + .grid-row { + margin-bottom: units(5); + + .home-example-image-container { + + .home-example-image { + display: block; + width: 100%; + height: auto; + + @include at-media(tablet-lg) { + display: none; + } + } + + @include at-media(tablet-lg) { + width: 47.178%; } } - } - - .usa-card__footer { - position: relative; - z-index: 5; - margin: 0; - text-align: center; - padding-top: units(2); - - .usa-button { + + .home-example-content { color: white; - background: color('blue-cool-50'); - font-weight: 400; - padding: units(2); - border-radius: 0; + padding: units(5); + + h3 { + margin-top: 0; + } + + @include at-media(tablet-lg) { + width: 52.822%; + } + } + + &.row1 { + .home-example-image-container { + background: url('../images/home-nearby-mutual-aid.jpg') center top no-repeat; + background-size: cover; + } + + .home-example-content { + background: #005288; + } + } + + &.row2 { + .home-example-image-container { + background: url('../images/home-state-assistance.jpg') center top no-repeat; + background-size: cover; + } + + .home-example-content { + background: #003e67; + } + } + + &.row3 { + margin-bottom: 0; + + .home-example-image-container { + background: url('../images/home-experts.jpg') center top no-repeat; + background-size: cover; + } + + .home-example-content { + background: #002b47; + } } + } } } @@ -327,6 +504,10 @@ iframe:focus, margin-bottom: units(1); } + .grid-container { + max-width: units('desktop'); + } + .usa-alert { .usa-alert__heading { color: black; @@ -648,6 +829,10 @@ iframe:focus, font-size: size('body', 12); } } + + .grid-container { + max-width: units('desktop'); + } } .contact-page { @@ -814,4 +999,12 @@ iframe:focus, pointer-events: auto; } } +} + +.ma-h2 { + font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; + font-weight: normal; + text-align: center; + margin-top: 0px; + font-size: 30pt; } \ No newline at end of file diff --git a/_includes/theme/styles/_theme.scss b/_includes/theme/styles/_theme.scss index 758f35b..9a636a9 100644 --- a/_includes/theme/styles/_theme.scss +++ b/_includes/theme/styles/_theme.scss @@ -2,10 +2,11 @@ $theme-show-notifications: false, $theme-font-path: '../../../node_modules/@uswds/uswds/dist/fonts', $theme-image-path: '../../../node_modules/@uswds/uswds/dist/img', - $theme-hero-image: '../images/hero.webp', + $theme-hero-image: '../images/hero-2.webp', $theme-font-type-mono: 'roboto-mono', $theme-font-type-sans: 'source-sans-pro', $theme-font-type-serif: 'merriweather', $theme-font-weight-medium: 500, - $theme-font-weight-semibold: 600 + $theme-font-weight-semibold: 600, + $theme-grid-container-max-width: 'widescreen' ); \ No newline at end of file diff --git a/index.html b/index.html index 1b0c831..b3df51b 100644 --- a/index.html +++ b/index.html @@ -3,16 +3,7 @@ layout: layouts/wide title: Home --- - - - -{% include "hero.html" %} -{% include "highlights.html" %} +
    + {% include "hero.html" %} + {% include "highlights.html" %} +
    \ No newline at end of file