add research page

app/assets/stylesheets/application.bootstrap.scss

@@ -4,3 +4,4 @@
 @import 'partials/bootstrap-overrides';
 @import 'partials/layout';
 @import 'partials/links';
+@import 'partials/downloads';

app/assets/stylesheets/partials/_downloads.scss

@@ -0,0 +1,20 @@
+.download-container {
+ position: relative;
+  
+  border: 1px solid #333;
+  margin: 2%;
+  overflow: hidden;
+  width: 300px;
+}
+
+.download-container img {
+  width: 300px;  
+  -moz-transition: all 0.3s;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+}
+.download-container:hover img {
+  -moz-transform: scale(1.2);
+  -webkit-transform: scale(1.2);
+  transform: scale(1.2);
+}

app/controllers/research_controller.rb

@@ -0,0 +1,5 @@
+class ResearchController < ApplicationController
+  def index
+
+  end
+end

app/views/layouts/_nav.html.erb

@@ -21,7 +21,7 @@
           </a>
           <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
             <li class="nav-item"><%= link_to "ECP in the News", construction_index_path, class: "dropdown-item"  %></li>
-            <li class="nav-item"><%= link_to "Research", construction_index_path, class: "dropdown-item"  %></li>
+            <li class="nav-item"><%= link_to "Research", research_index_path, class: "dropdown-item"  %></li>
             <li class="nav-item"><%= link_to "Resources", resource_index_path, class: "dropdown-item" %></li>
           </ul>
         </li>

app/views/research/index.html.erb

@@ -0,0 +1,35 @@
+<!-- Header-->
+<header class="bg-dark py-5">
+  <div class="container px-5">
+    <div class="row gx-5 justify-content-center">
+      <div class="col-lg-6">
+        <div class="text-center my-5">
+          <h1 class="display-5 fw-bolder text-white mb-2">Research</h1>
+          <div class="d-grid gap-3 d-sm-flex justify-content-sm-center">
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</header>
+
+
+<div class="container px-5 my-5">
+  <div class="row gx-5 justify-content-center">
+    <div class="grid-container download-container">
+      <%= link_to("Test Anxiety", download: asset_path("docs/test_anxiety_and_poor_sleep_2021.pdf"), target: "_blank") do  %>
+        <%= image_tag "research/test_anxiety_and_sleep.png", class: "file-download"  %>
+      <% end %>
+    </div>
+    <div class="grid-container download-container">
+      <%= link_to("Psychological toll of high statkes testing", download: asset_path("docs/psychological_toll_of_high_stakes_testing_2022.pdf"), target: "_blank") do  %>
+        <%= image_tag "research/psychological_toll_of_high_stakes_testing.png", class: "file-download"  %>
+      <% end %>
+    </div>
+    <div class="grid-container download-container">
+      <%= link_to("Test Anxiety", download: asset_path("docs/testing_stress_and_performance.pdf"), target: "_blank") do  %>
+        <%= image_tag "research/testing_stress.png", class: "file-download"  %>
+      <% end %>
+    </div>
+  </div>
+</div>

config/routes.rb

@@ -5,6 +5,7 @@ Rails.application.routes.draw do
   resources :sqm, only: :index
   resources :qpa, only: :index
   resources :resource, only: :index
+  resources :research, only: :index
   resources :work_with_ecp, only: :index
   resources :construction, only: :index
   resources :district_leader, only: :index