From b3570ae6c10d54dcaf8fe9ec80a7d12a81c28875 Mon Sep 17 00:00:00 2001 From: Amy Yeung Date: Sat, 20 Apr 2024 20:24:37 -0400 Subject: [PATCH 1/2] Fixed transform page --- .../TransformPropertyPage.tsx | 721 +++++++++--------- 1 file changed, 358 insertions(+), 363 deletions(-) diff --git a/src/app/(content-pages)/transform-property/TransformPropertyPage.tsx b/src/app/(content-pages)/transform-property/TransformPropertyPage.tsx index 34492ea4..cbc71d0c 100644 --- a/src/app/(content-pages)/transform-property/TransformPropertyPage.tsx +++ b/src/app/(content-pages)/transform-property/TransformPropertyPage.tsx @@ -22,394 +22,389 @@ export default function TransformPropertyPage() { const jumpStartUrl = "https://www.jumpstartphilly.com/"; return ( -
-
-

Transform a Property

-

- After gaining access to the property, you can transform a property to - improve the quality of life in the neighborhood. -

+ <> +

Transform a Property

+

+ After gaining access to the property, you can transform a property to + improve the quality of life in the neighborhood. +

-
- { -
+
+ { +
-

Basic Interventions

-

- The original research that Clean & Green Philly is based on - promotes “cleaning and greening.” This includes removing trash, - grading the land, planting trees, installing low fences, and - maintaining the property. These are low-cost interventions and have - been proven to be highly effective; even something as simple as - cleaning up trash can have a big impact. -

-
- +

Basic Interventions

+

+ The original research that Clean & Green Philly is based on promotes + “cleaning and greening.” This includes removing trash, grading the land, + planting trees, installing low fences, and maintaining the property. + These are low-cost interventions and have been proven to be highly + effective; even something as simple as cleaning up trash can have a big + impact. +

+
+ - + - + - -
+ +
-

- Advanced Interventions -

-

- Different properties have different opportunities and different - challenges. Some properties might be a great spot for a rain garden - but not for a playground. Likewise, you wouldn't want to start a - community garden in a vacant lot that doesn't get any sun. To better - understand what your options are for a specific property, try filling - out the{" "} - - Detroit Future City vacant property quiz - {" "} - (the recommendations work for Philadelphia too!). It’s meant to help - users understand the best options for their specific properties. Also, - remember to think about other constraints, like how much funding you - have, and how much maintenance you’re willing or able to do. -

-

- There are many ways to imagine transforming a vacant property if you - want to work with funding and community support. - {/* Check out our{" "} +

+ Advanced Interventions +

+

+ Different properties have different opportunities and different + challenges. Some properties might be a great spot for a rain garden but + not for a playground. Likewise, you wouldn't want to start a community + garden in a vacant lot that doesn't get any sun. To better understand + what your options are for a specific property, try filling out the{" "} + + Detroit Future City vacant property quiz + {" "} + (the recommendations work for Philadelphia too!). It’s meant to help + users understand the best options for their specific properties. Also, + remember to think about other constraints, like how much funding you + have, and how much maintenance you’re willing or able to do. +

+

+ There are many ways to imagine transforming a vacant property if you + want to work with funding and community support. + {/* Check out our{" "} Resources Page {" "} to explore more like these: */} -

-
- +

+
+ - + - + - + - + - + - + - -
+ +
-

Get Help

-

- Many organizations in Philadelphia offer support transforming vacant - properties. See our resources page for more information! -

+

Get Help

+

+ Many organizations in Philadelphia offer support transforming vacant + properties. See our resources page for more information! +

-
-

Park in a Truck

-

- Park in a Truck supports community residents in quickly building - custom parks. They've developed a toolkit that helps community - groups design and build parks that fit their needs. They also offer - training and technical support to help communities create and - maintain their parks. -

-
+
+

Park in a Truck

+

+ Park in a Truck supports community residents in quickly building + custom parks. They've developed a toolkit that helps community groups + design and build parks that fit their needs. They also offer training + and technical support to help communities create and maintain their + parks. +

+
-
-

Jump Start

-

- Jump Start is a source of short term financing that guides you along - the way, and moves quickly, to help you succeed in a competitive - real estate market. Jumpstart Philly offers acquisition and - construction financing for residential and mixed-use investment - projects throughout the City of Philadelphia. We are more than a - bank, we’re a non-traditional, community-driven lender ready to see - you succeed. -

-
+
+

Jump Start

+

+ Jump Start is a source of short term financing that guides you along + the way, and moves quickly, to help you succeed in a competitive real + estate market. Jumpstart Philly offers acquisition and construction + financing for residential and mixed-use investment projects throughout + the City of Philadelphia. We are more than a bank, we’re a + non-traditional, community-driven lender ready to see you succeed. +

+
-
-

Local Representatives

-

- Local representatives can also support you, especially if you're - facing red tape. Bring them a solid plan and show how your project - can improve the community. -

-
+
+

Local Representatives

+

+ Local representatives can also support you, especially if you're + facing red tape. Bring them a solid plan and show how your project can + improve the community. +

+
-

- Additional Considerations -

+

+ Additional Considerations +

-
-

Funding

-

- Getting funding is a vital part of returning vacant properties to - productive use. Funding can come from many sources, such as grants - from local government and non-profit funders, public-private - partners, and crowd-sourced fundraising. In the future, we plan to - add a page to list common funding sources and explain how to use - data from Clean & Green Philly to support a grant application. -

-

- Any amount of funding can be useful. Many effective interventions - such as property cleanups can be accomplished for a few hundred - dollars—or even for free, with volunteer support! When planning your - property intervention, consider what level of funding you have - access to, and how you can get the most bang for your buck. -

-

- Funding is needed not only for the initial property transformation, - but also to maintain the project in the long term. When planning - your project, consider dividing your funding into two parts: one - part to pay for the initial intervention, and a second part—at least - equal to the first part—to pay for maintaining your project in the - future. -

-
+
+

Funding

+

+ Getting funding is a vital part of returning vacant properties to + productive use. Funding can come from many sources, such as grants + from local government and non-profit funders, public-private partners, + and crowd-sourced fundraising. In the future, we plan to add a page to + list common funding sources and explain how to use data from Clean + & Green Philly to support a grant application. +

+

+ Any amount of funding can be useful. Many effective interventions such + as property cleanups can be accomplished for a few hundred dollars—or + even for free, with volunteer support! When planning your property + intervention, consider what level of funding you have access to, and + how you can get the most bang for your buck. +

+

+ Funding is needed not only for the initial property transformation, + but also to maintain the project in the long term. When planning your + project, consider dividing your funding into two parts: one part to + pay for the initial intervention, and a second part—at least equal to + the first part—to pay for maintaining your project in the future. +

+
-
-

Maintenance

-

- Transforming a vacant property isn’t a one-and-done event. In fact, - many properties that are currently vacant were transformed years - ago—but not maintained in the decades since. In order to make sure - that your intervention is high-impact and long-lived, make sure to - have a maintenance plan in place. -

-

- Consider who will be responsible for maintaining the property, what - their tasks will be, what kind of resources they will need, and how - you will fund this ongoing maintenance. Often, partnering with an - established organization like a CDC can help make sure that you have - the capacity and resources needed to ensure that your intervention - continues to be effective for many years into the future. -

-
+
+

Maintenance

+

+ Transforming a vacant property isn’t a one-and-done event. In fact, + many properties that are currently vacant were transformed years + ago—but not maintained in the decades since. In order to make sure + that your intervention is high-impact and long-lived, make sure to + have a maintenance plan in place. +

+

+ Consider who will be responsible for maintaining the property, what + their tasks will be, what kind of resources they will need, and how + you will fund this ongoing maintenance. Often, partnering with an + established organization like a CDC can help make sure that you have + the capacity and resources needed to ensure that your intervention + continues to be effective for many years into the future. +

+
-
-

Gentrification

-

- Our goal is to help community groups reduce violence through - cleaning and greening methods in their neighborhoods. We recognize - that may inadvertently increase property values, increase rental - prices and displace already-marginalized Philadelphians. We are - working to avoid this by meeting extensively with community groups - and responding to their concerns.{" "} - - Read more about this topic. - {" "} -

-
+
+

Gentrification

+

+ Our goal is to help community groups reduce violence through cleaning + and greening methods in their neighborhoods. We recognize that may + inadvertently increase property values, increase rental prices and + displace already-marginalized Philadelphians. We are working to avoid + this by meeting extensively with community groups and responding to + their concerns.{" "} + + Read more about this topic. + {" "} +

-
+ ); } From a4b00909f3bc601f2826677b3a725c0aebb864e0 Mon Sep 17 00:00:00 2001 From: Amy Yeung Date: Sat, 20 Apr 2024 20:58:26 -0400 Subject: [PATCH 2/2] Fixed blurred background and mobile nav --- src/components/Header.tsx | 15 ++++++--------- src/components/MobileNav.tsx | 2 +- 2 files changed, 7 insertions(+), 10 deletions(-) diff --git a/src/components/Header.tsx b/src/components/Header.tsx index 23b813d1..c3e01638 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -12,23 +12,19 @@ import MobileNav from "./MobileNav"; // }`; const Header = () => ( - - + <> + + Clean & Green Philly Logo @@ -66,6 +62,7 @@ const Header = () => ( + ); export default Header; diff --git a/src/components/MobileNav.tsx b/src/components/MobileNav.tsx index 02ae254b..09edd7bc 100644 --- a/src/components/MobileNav.tsx +++ b/src/components/MobileNav.tsx @@ -17,7 +17,7 @@ const MobileNav: FC = () => { return (