Feature/prospective volunteer view (#139)

* changed volunteer to 'Get Involved', links to CC website to make maintaining info easier

* created page for prospective volunteers and social media

app/assets/stylesheets/get_involved.scss

@@ -0,0 +1,3 @@
+// Place all the styles related to the get-involved controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: https://sass-lang.com/

app/assets/stylesheets/style.css

@@ -143,6 +143,11 @@ margin-top:1%;
     justify-content: center;
 }
 
+.get-involved-div {
+  width: 80%;
+  justify-content: center;
+}
+
 
 p.contact-info {
    font-family: Cabin;
@@ -218,12 +223,20 @@ ul#subjects li {
 .padding-for-nav-bar {
   padding-top: 145px;
 }
+
 .navbar-element, .navbar-element:hover {
   align-items: center;
   height: 80px;
   padding: 0px 5%;
   background-color: #e8f6fb;
 }
+
+.social-link, .social-link:hover {
+  align-items: center;
+  height: 80px;
+  padding: 0px 5%;
+  background-color: white;
+}
 nav {
   position: fixed;
   top: 0;

app/controllers/get_involved_controller.rb

@@ -0,0 +1,2 @@
+class GetInvolvedController < ApplicationController
+end

app/helpers/get_involved_helper.rb

@@ -0,0 +1,2 @@
+module GetInvolvedHelper
+end

app/views/get_involved/index.html.erb

@@ -0,0 +1,20 @@
+<h1>Become a Volunteer</h1>
+<div class = "centered-div">
+  <div class = "get-involved-div">
+    <p>Our pop-up shops and mobile delivery system wouldn't work without a team of dedicated team of volunteers. Join us by clicking the link below!</p>
+  </div>
+</div>
+<div class = "centered-div">
+  <%= link_to 'Next Steps', 'https://forms.gle/2vAghkBBsVDRd8oFA', target: :_blank, class:"home-link" %>
+</div>
+<h1>We Need You to Share Our Information</h1>
+<div class = "centered-div">
+  <div class = "get-involved-div">
+    <p>Our biggest obstacle in the fight to improve the lives of Georgia's children is that many people are not informed about the challenges present in Georgia's child welfare system.  We share information about our work and these challenges constantly on our social media. Following us and sharing this information with your friends helps us tremendously. You can find the links to our Facebook, Instagram, and Twitter below. </p>
+  </div>
+</div>
+<div class = "centered-div">
+  <%= link_to image_tag("facebook.png", class:"social-link"), 'https://www.facebook.com/608103152697463', {:style=>'padding-left: 5px;', :class => "social-link"} %>
+  <%= link_to image_tag("twitter.png", class:"social-link"), 'https://www.twitter.com/carries_closets', class:"social-link" %>
+  <%= link_to image_tag("instagram.png", class:"social-link"), 'https://www.instagram.com/carries_closetofga/', {:style=>'padding-right: 5px;', :class => "social-link"} %>
+</div>

app/views/public/index.html.erb

@@ -70,7 +70,7 @@
   </div>
   <br>
   <div class = "centered-div">
-  <%= link_to "Volunteer", root_path, class: "home-link" %>
+  <%= link_to "Get Involved", "get-involved", class: "home-link" %>
   </div>
   <br>
   <div class = "centered-div">

config/routes.rb

@@ -15,10 +15,11 @@
   get 'public/index'
   devise_for :users, :path_prefix => 'my', controllers: { registrations: 'users/registrations', invitations: 'users/invitations' }
   resources :users
+  get '/get-involved' => 'get_involved#index'
 
   resources :users
 
   # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html
-  root to: "public#index"  
+  root to: "public#index"
 
 end

test/controllers/get_involved_controller_test.rb

@@ -0,0 +1,7 @@
+require "test_helper"
+
+class GetInvolvedControllerTest < ActionDispatch::IntegrationTest
+  # test "the truth" do
+  #   assert true
+  # end
+end