Handle basic styling for FAQ and rainy day options

Syntaf · Oct 5, 2024 · 91633a7 · 91633a7
1 parent 9ef1748
commit 91633a7
Show file tree

Hide file tree

Showing 35 changed files with 11 additions and 8 deletions.
diff --git a/app/javascript/images/castlerock/faq.jpg b/app/javascript/images/castlerock/faq.jpg
diff --git a/app/javascript/images/castlerock/faq2.jpg b/app/javascript/images/castlerock/faq2.jpg
diff --git a/app/javascript/images/castlerock/hero-image-small.jpg b/app/javascript/images/castlerock/hero-image-small.jpg
diff --git a/app/javascript/images/castlerock/hero-image.jpg b/app/javascript/images/castlerock/hero-image.jpg
diff --git a/app/javascript/images/redrock/backdrop.jpeg b/app/javascript/images/redrock/backdrop.jpeg
diff --git a/app/javascript/images/redrock/checkmark.png b/app/javascript/images/redrock/checkmark.png
diff --git a/app/javascript/images/redrock/faq.jpg b/app/javascript/images/redrock/faq.jpg
diff --git a/app/javascript/images/redrock/hero-image-corona-raw.jpeg b/app/javascript/images/redrock/hero-image-corona-raw.jpeg
diff --git a/app/javascript/images/redrock/hero-image-corona-small.jpg b/app/javascript/images/redrock/hero-image-corona-small.jpg
diff --git a/app/javascript/images/redrock/hero-image-corona.jpeg b/app/javascript/images/redrock/hero-image-corona.jpeg
diff --git a/app/javascript/images/redrock/hero-image-small.jpg b/app/javascript/images/redrock/hero-image-small.jpg
diff --git a/app/javascript/images/redrock/hero-image-spring-small.jpg b/app/javascript/images/redrock/hero-image-spring-small.jpg
diff --git a/app/javascript/images/redrock/hero-image-spring.jpeg b/app/javascript/images/redrock/hero-image-spring.jpeg
diff --git a/app/javascript/images/redrock/hero-image-winter-2020-min.jpg b/app/javascript/images/redrock/hero-image-winter-2020-min.jpg
diff --git a/app/javascript/images/redrock/hero-image-winter-2020-small.jpg b/app/javascript/images/redrock/hero-image-winter-2020-small.jpg
diff --git a/app/javascript/images/redrock/hero-image-winter-2020.jpg b/app/javascript/images/redrock/hero-image-winter-2020.jpg
diff --git a/app/javascript/images/redrock/hero-image-winter-small.jpg b/app/javascript/images/redrock/hero-image-winter-small.jpg
diff --git a/app/javascript/images/redrock/hero-image-winter.jpg b/app/javascript/images/redrock/hero-image-winter.jpg
diff --git a/app/javascript/images/redrock/hero-image.jpg b/app/javascript/images/redrock/hero-image.jpg
diff --git a/app/javascript/images/redrock/pending-backdrop.jpeg b/app/javascript/images/redrock/pending-backdrop.jpeg
diff --git a/app/javascript/images/redrock/powder.jpg b/app/javascript/images/redrock/powder.jpg
diff --git a/app/javascript/images/redrock/purple_back.jpg b/app/javascript/images/redrock/purple_back.jpg
diff --git a/app/javascript/images/redrock/purple_front.jpg b/app/javascript/images/redrock/purple_front.jpg
diff --git a/app/javascript/images/redrock/signup-header-desktop.jpeg b/app/javascript/images/redrock/signup-header-desktop.jpeg
diff --git a/app/javascript/images/redrock/signup-header-desktop2.jpeg b/app/javascript/images/redrock/signup-header-desktop2.jpeg
diff --git a/app/javascript/images/redrock/signup-header-mobile.jpeg b/app/javascript/images/redrock/signup-header-mobile.jpeg
diff --git a/app/javascript/images/redrock/sncc_logo.png b/app/javascript/images/redrock/sncc_logo.png
diff --git a/app/javascript/images/redrock/stone_back.jpg b/app/javascript/images/redrock/stone_back.jpg
diff --git a/app/javascript/images/redrock/stone_front.jpg b/app/javascript/images/redrock/stone_front.jpg
diff --git a/app/javascript/images/stoneypoint/hero-image-small.png b/app/javascript/images/stoneypoint/hero-image-small.png
diff --git a/app/javascript/images/stoneypoint/hero-image.png b/app/javascript/images/stoneypoint/hero-image.png
diff --git a/app/javascript/stylesheets/application.scss b/app/javascript/stylesheets/application.scss
@@ -12,6 +12,8 @@ html, body {
     font-family: 'Noto Sans', system-ui;
 
     @import 'landing';
+    @import 'faq';
+    @import 'rainy_day_options';
     @import 'devise/sessions';
 
     * {

diff --git a/app/javascript/stylesheets/faq.scss b/app/javascript/stylesheets/faq.scss
@@ -21,15 +21,15 @@
 }
 
 .faq-hero.redrock { 
-    background-image: asset_url("redrock/faq.jpg");
+    background-image: url("../images/redrock/faq.jpg");
 }
 
 .faq-hero.castlerock {
-    background-image: asset_url("castlerock/faq2.jpg");
+    background-image: url("../images/castlerock/faq2.jpg");
 }
 
 .faq-hero.stoneypoint {
-    background-image: asset_url('stoneypoint/hero-image.png');
+    background-image: url('../images/stoneypoint/hero-image.png');
 }
 
 .faq-content {

diff --git a/app/views/area/watched_area/index.html.erb b/app/views/area/watched_area/index.html.erb
@@ -1,3 +1,8 @@
+<% content_for :body_attributes do %>
+  data-controller="watched-area"
+  data-watched-area-station-value="<%= @watched_area.station %>"
+<% end %>
+
 <div class="hero-header-content">
   <!-- Background image container -->
   <div class="hero-header <%= @watched_area.slug %>"

diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -61,11 +61,7 @@
 
   <body 
     data-page-controller="<%= controller_name %>"
-    <% if @watched_area %>
-    data-controller="watched-area"
-    data-watched-area-station-value="<%= @watched_area.station %>"
-    <% end %>
-  >
+    <%= yield :body_attributes %>>
     <!-- Content -->
     <%= yield %>
     <!-- Footer -->