na

Gemfile.lock

@@ -208,7 +208,7 @@ GEM
     psych (5.2.3)
       date
       stringio
-    public_suffix (6.0.1)
+    public_suffix (6.0.2)
     puma (6.6.0)
       nio4r (~> 2.0)
     racc (1.8.1)

app/assets/stylesheets/application.css

@@ -226,6 +226,23 @@ main {
   justify-content: end;
 }
 
+.background-container {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+  pointer-events: none;
+
+  & img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+}
+
 @media (min-width: 474px) {
   main {
     justify-content: center;
@@ -246,7 +263,6 @@ main {
   grid-template-rows: auto;
   gap: 8px;
 
-  
 }
 
 .intro-container,

app/controllers/languages_controller.rb

@@ -6,11 +6,18 @@ class LanguagesController < ApplicationController
   helper_method :accept_language
 
   def index
+    @node = Node.roots.viewable.first
+
+    not_found unless @node
   end
 
 
   def show
     @accept_language = params[:locale]
+    @node = Node.roots.viewable.first
+
+    not_found unless @node
+
     render :index
   end
 

app/views/languages/_intro.html.erb

@@ -1,4 +1,4 @@
-<% Node.roots.viewable.first.attachments.limit(2).each_with_index do |attachment, i| %>
+<% @node.attachments.limit(2).each_with_index do |attachment, i| %>
   <%= tag.div attachment.body.html_safe, class: i == 0 ? "intro-content-header" : "intro-content-body" %>
 <% end %>
 

app/views/languages/index.html.erb

@@ -1,5 +1,16 @@
 <%- content_for :title, t('project_name') %>
 
+<% Array(@node.assets.select{ |asset| asset.file.image? }.first).each do |asset| %>
+<div class="background-container">
+  <%= image_tag rails_storage_proxy_path(asset.file.representation(resize_to_limit: [800,nil], format: :jpg)),
+                srcset: "#{rails_storage_proxy_path(asset.file.representation(resize_to_limit: [800,nil], format: :jpg))} 800w,
+                #{rails_storage_proxy_path(asset.file.representation(resize_to_limit: [1600,nil], format: :jpg))} 1600w,
+                #{rails_storage_proxy_path(asset.file.representation(resize_to_limit: [2400,nil], format: :jpg))} 2400w",
+                sizes: "100vw"
+                 %>
+</div>
+<% end %>
+
 
 <div class="intro-container">
   
@@ -30,3 +41,5 @@
   </div>
 
 </div>
+
+

app/views/questions/show.html.erb

@@ -3,6 +3,17 @@
   content_for :meta_description, question.page_description
 %>
 
+<% Array(question.assets.select{ |asset| asset.file.image? }.first).each do |asset| %>
+<div class="background-container">
+  <%= image_tag rails_storage_proxy_path(asset.file.representation(resize_to_limit: [800,nil], format: :jpg)),
+                srcset: "#{rails_storage_proxy_path(asset.file.representation(resize_to_limit: [800,nil], format: :jpg))} 800w,
+                #{rails_storage_proxy_path(asset.file.representation(resize_to_limit: [1600,nil], format: :jpg))} 1600w,
+                #{rails_storage_proxy_path(asset.file.representation(resize_to_limit: [2400,nil], format: :jpg))} 2400w",
+                sizes: "100vw"
+                 %>
+</div>
+<% end %>
+
 <%= form_with model: @answer, url: url_for(controller: 'answers', action: 'create') do |form| %>
   
   <div class="question-container">

config/importmap.rb

@@ -7,10 +7,10 @@ pin_all_from "app/javascript/controllers", under: "controllers"
 
 pin "sortablejs" # @1.15.6
 pin "stimulus-use" # @0.52.3
-pin "@rails/request.js", to: "@rails--request.js.js" # @0.0.11
+pin "@rails/request.js", to: "@rails--request.js.js" # @0.0.12
 pin "@rails/activestorage", to: "@rails--activestorage.js" # @8.0.200
 pin "tom-select", to: "tom-select--dist--js--tom-select.base.min.js.js" # @2.4.3
-pin "trix" # @2.1.13
+pin "trix" # @2.1.14
 
 # site_helper
 pin "application", preload: false