diff --git a/app/assets/stylesheets/static_pages.scss b/app/assets/stylesheets/static_pages.scss index c5c44b41..8a1da280 100644 --- a/app/assets/stylesheets/static_pages.scss +++ b/app/assets/stylesheets/static_pages.scss @@ -31,9 +31,12 @@ #money, #cause { + font-size: 120%; + > .content { @media(min-width: 48rem) { max-width: 50%; + font-size: 130%; } } @@ -62,7 +65,7 @@ } @media (min-width: 80rem) { - min-height: 100vh; + min-height: 50vh; } } @@ -149,6 +152,26 @@ } } + .section { + &__with-background { + position: relative; + + .overlay { + z-index: 1; + position: absolute; + width: 100%; + height: 100%; + background: black; + opacity: 0.5; + } + + .content { + z-index: 2; + color: white; + } + } + } + .retail { &--products { display: flex; diff --git a/app/views/static_pages/home.html.erb b/app/views/static_pages/home.html.erb index 93efc5b9..739de3ae 100644 --- a/app/views/static_pages/home.html.erb +++ b/app/views/static_pages/home.html.erb @@ -57,7 +57,8 @@ <%= image_tag('donate_photo_1_mobile.jpg', class: 'mobile-section-photo', alt: 'Help us fund our mission') %> -
+
+

Where is your money going?

Organizing for big change requires resources. Becoming a dues- paying member is not charity. Instead, your support is an act of ongoing solidarity with other people in debt. Your money will go directly to funding:

@@ -72,7 +73,8 @@ <%= image_tag('donate_photo_2_mobile.jpg', class: 'mobile-section-photo', alt: 'Push us closer to future projects') %> -
+
+

What are we fighting for?

The Debt Collective believes that everyone has the right to basic needs without going into debt. We believe that there is power in numbers. Our mission is to make a better world together, including: