Add wave image to home page

3 years ago · d4636bda08
parent 55adf6cb63
commit d4636bda08
5 changed files with 990 additions and 968 deletions
--- a/app/assets/images/home_page_wave.png
+++ b/app/assets/images/home_page_wave.png
--- a/app/assets/images/logo.svg
+++ b/app/assets/images/logo.svg
--- a/app/assets/images/wave.webp
+++ b/app/assets/images/wave.webp
--- a/app/assets/stylesheets/partials/_images.scss
+++ b/app/assets/stylesheets/partials/_images.scss
@ -14,3 +14,10 @@
 .choir {
  background-image: url(mission/choir.webp);
 }
+
+.wave {
+  background-image: url(wave.webp);
+  background-repeat: no-repeat;
+  
+  background-size: 100% 100%;
+}
--- a/app/views/home/index.html.erb
+++ b/app/views/home/index.html.erb
@ -1,9 +1,9 @@
 <!-- Header-->
-<header class="py-4 relative">
+<header class="py-4 relative wave">
  <div class="container px-5">
-    <div class="row justify-content-center align-items-center" >
-      <%= image_tag "logo.svg", size: '330x330', class: "col-12 col-md-4 col-lg-7 mx-0 px-0", style: "width:50%; min-width:400px;" %>
-      <p class="col-12 col-md-8 col-lg-5 m-0 p-0 hero-text"><i>Transforming the assessment of student learning and school quality</i></p>
+    <div class="row  align-items-center justify-content-center " >
+      <%= image_tag "logo.svg", size: '330x330', class: "col-12 col-md-4 col-lg-7 mx-0 px-0 align-self-end", style: "width:50%; min-width:400px;" %>
+      <p class="col-12 col-md-8 col-lg-5 m-0 p-0 hero-text "><i>Transforming the assessment of student learning and school quality</i></p>
    </div>
  </div>
 </header>