diff --git a/css/cs-template.css b/css/cs-template.css index 9e11902..7aacc3e 100644 --- a/css/cs-template.css +++ b/css/cs-template.css @@ -46,16 +46,34 @@ Table of contents margin-bottom: 20px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; - background-image: url("map-background.png"); background-repeat: no-repeat; background-size: cover; - box-shadow: 5px -15px 25px 1px #ededed; + /* box-shadow: 5px -15px 25px 1px #ededed; */ } .divider-icon { border-radius: 100px; background-color: #D5DCE4; margin-right: 20px; + height: 65px; + width: 65px; +} + +.divider-icon img { + width: 100%; + height: 100%; +} + +.large-icon { + border-radius: 100px; + background-color: #D5DCE4; + height: 75px; + width: 75px; +} + +.large-icon img { + width: 100%; + height: 100%; } .divider-header { @@ -94,9 +112,10 @@ Table of contents /* Special cover at the top of the page */ .cover, .footer { - background-image: url('../images/cover-image.jpg'), linear-gradient(to right,rgba(56,63,69,0.9),rgba(138, 121, 70, 0.75)); + background-image: url('../images/client/cover-image.jpg'), linear-gradient(to right,rgba(56,63,69,0.9),rgba(138, 121, 70, 0.75)); background-size: cover; background-blend-mode: multiply; + background-repeat: no-repeat; padding: 50px 0; margin-top: 0px; color: white; @@ -210,6 +229,9 @@ Table of contents } .box { + display: flex; + flex-direction: column; + align-items: center; width: 100%; margin: 0 20px; } @@ -573,6 +595,7 @@ p.large-number { font-family: "Roboto Condensed", sans-serif; font-weight: 1000; line-height: 1; + letter-spacing:-.15rem; } p.large-emoji { @@ -756,7 +779,7 @@ input[type="reset"].button-primary, input[type="button"].button-primary { color: #2D3338; background-color: #CFD4DB; - border: 2px solid #2D3338; + border: 1px solid #2D3338; margin: 5px; padding: 0px 15px; border-radius: 8px; diff --git a/images/Demand.png b/images/Demand.png deleted file mode 100644 index 5a10d2f..0000000 Binary files a/images/Demand.png and /dev/null differ diff --git a/images/Overview.png b/images/Overview.png deleted file mode 100644 index 87e7308..0000000 Binary files a/images/Overview.png and /dev/null differ diff --git a/images/People.png b/images/People.png deleted file mode 100644 index 224e2a5..0000000 Binary files a/images/People.png and /dev/null differ diff --git a/images/Place.png b/images/Place.png deleted file mode 100644 index 3ac4268..0000000 Binary files a/images/Place.png and /dev/null differ diff --git a/images/Greenfield sankey - demand AMI.png b/images/charts/Greenfield sankey - demand AMI.png similarity index 100% rename from images/Greenfield sankey - demand AMI.png rename to images/charts/Greenfield sankey - demand AMI.png diff --git a/images/Greenfield sankey - simple demand.png b/images/charts/Greenfield sankey - simple demand.png similarity index 100% rename from images/Greenfield sankey - simple demand.png rename to images/charts/Greenfield sankey - simple demand.png diff --git a/images/Greenfield aerial photo.jpg b/images/client/Greenfield aerial photo.jpg similarity index 100% rename from images/Greenfield aerial photo.jpg rename to images/client/Greenfield aerial photo.jpg diff --git a/images/Greenfield development map.PNG b/images/client/Greenfield development map.PNG similarity index 100% rename from images/Greenfield development map.PNG rename to images/client/Greenfield development map.PNG diff --git a/images/community.png b/images/client/client-logo.png similarity index 100% rename from images/community.png rename to images/client/client-logo.png diff --git a/images/cover-image.jpg b/images/client/cover-image.jpg similarity index 100% rename from images/cover-image.jpg rename to images/client/cover-image.jpg diff --git a/images/cover.jpg b/images/cover.jpg deleted file mode 100644 index 5cf1988..0000000 Binary files a/images/cover.jpg and /dev/null differ diff --git a/images/CommunityScale-logo.png b/images/theme/CommunityScale-logo.png similarity index 100% rename from images/CommunityScale-logo.png rename to images/theme/CommunityScale-logo.png diff --git a/images/Demand.svg b/images/theme/Demand.svg similarity index 100% rename from images/Demand.svg rename to images/theme/Demand.svg diff --git a/images/People.svg b/images/theme/People.svg similarity index 100% rename from images/People.svg rename to images/theme/People.svg diff --git a/images/Place.svg b/images/theme/Place.svg similarity index 100% rename from images/Place.svg rename to images/theme/Place.svg diff --git a/images/Results.png b/images/theme/Results.png similarity index 100% rename from images/Results.png rename to images/theme/Results.png diff --git a/images/theme/Results.svg b/images/theme/Results.svg new file mode 100644 index 0000000..0e66228 --- /dev/null +++ b/images/theme/Results.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/images/affordable.png b/images/theme/affordable.png similarity index 100% rename from images/affordable.png rename to images/theme/affordable.png diff --git a/images/theme/demand-background.jpg b/images/theme/demand-background.jpg new file mode 100644 index 0000000..b561908 Binary files /dev/null and b/images/theme/demand-background.jpg differ diff --git a/images/favicon.png b/images/theme/favicon.png similarity index 100% rename from images/favicon.png rename to images/theme/favicon.png diff --git a/css/map-background.png b/images/theme/map-background.png similarity index 100% rename from css/map-background.png rename to images/theme/map-background.png diff --git a/images/new.png b/images/theme/new.png similarity index 100% rename from images/new.png rename to images/theme/new.png diff --git a/images/theme/people-background.jpg b/images/theme/people-background.jpg new file mode 100644 index 0000000..b561908 Binary files /dev/null and b/images/theme/people-background.jpg differ diff --git a/images/theme/place-background.jpg b/images/theme/place-background.jpg new file mode 100644 index 0000000..b561908 Binary files /dev/null and b/images/theme/place-background.jpg differ diff --git a/images/preserve.png b/images/theme/preserve.png similarity index 100% rename from images/preserve.png rename to images/theme/preserve.png diff --git a/images/theme/results-background.jpg b/images/theme/results-background.jpg new file mode 100644 index 0000000..b561908 Binary files /dev/null and b/images/theme/results-background.jpg differ diff --git a/index-template.html b/index-template.html index a4ef1d3..79af8b7 100644 --- a/index-template.html +++ b/index-template.html @@ -43,7 +43,7 @@ - + @@ -58,7 +58,7 @@

- + Housing Plan 2024

@@ -103,7 +103,7 @@

City of Greenfield
-

CommunityScale

+

CommunityScale

Greenfield is developing a city-wide housing plan

@@ -202,15 +202,24 @@
Greenfield has set three guiding housing goals for Greenfield which encompas
-

+
+ +
+
Build new housing for all income levels
-

+
+ +
+
Provide affordable options for seniors
-

+
+ +
+
Fill affordable housing gaps, especially "missing middle"
@@ -241,12 +250,12 @@
(To be completed later in the analysis...)
-
+
- +

People

@@ -519,12 +528,12 @@

Lower-income households are much more likely cost-burdened (homeowners and r

-
+
- +

Place

@@ -804,7 +813,7 @@
There are numerous new projects in the pipeline, especially downtown.
-

CommunityScale

+

CommunityScale

@@ -882,12 +891,12 @@
There are numerous new projects in the pipeline, especially downtown.
-
+
- +

Demand

@@ -904,7 +913,7 @@

Sources of housing demand in Greenfield

-

CommunityScale

+

CommunityScale

Greenfield's housing demand orginates from both current and new households.

@@ -1116,7 +1125,7 @@

Housing demand by income level

Each source of demand includes a different mix of household incomes.

-

CommunityScale

+

CommunityScale

This diagram illustrates how Greenfield’s 10-year housing demand translate into income levels. While this distribution reflects expected demand over the next 10 years, it does not necessarily coincide with the housing production target in the following Results section. Housing for each income level requires a different set of policies, programs, and subsidies to build. In many cases, there simply is not enough capacity to meet the full demand right away.
@@ -1218,10 +1227,16 @@

Homeownership

-
+
-

Results

+
+
+ +
+

Results

+
+
@@ -1239,12 +1254,12 @@

Housing production target

- Greenfield + Greenfield

Greenfield's Community and Economic Development Department works to improve the quality of life for all in Greenfield by supporting the development of business, housing, and community.

- CommunityScale + CommunityScale

CommunityScale is a pioneering urban planning and spatial data analysis company serving clients across the United States.
Follow CommunityScale on LinkedIn and Twitter/X. This dashboard is open source MIT license.