na

Gemfile.lock

@@ -211,7 +211,7 @@ GEM
     puma (6.4.2)
       nio4r (~> 2.0)
     racc (1.7.3)
-    rack (3.0.10)
+    rack (3.0.11)
     rack-session (2.0.0)
       rack (>= 3.0.0)
     rack-test (2.1.0)

app/assets/stylesheets/application.css

@@ -314,23 +314,19 @@ input[type=range] {
     z-index: -1;
     pointer-events: none;
     display: block;  
+    width: 20%;
+    min-width: 160px;
+    max-width: 200px;
+    height: auto;    
   }
 
   & img:nth-child(1) {
-    width: 33%;
-    min-width: 60px;
-    max-width: 163px;
-    height: auto;
     rotate: -20deg;
-    right: 8vw;
+    right: 10vw;
     top: 10px;
   }
 
   & img:nth-child(2) {
-    width: 15%;
-    min-width: 126px;
-    max-width: 218px;
-    height: auto;
     rotate: 10deg;
     left: 10vw;
     bottom: 0;
@@ -338,14 +334,16 @@ input[type=range] {
   }
 
   & img:nth-child(3) {
-    width: 20%;
-    min-width: 92px;
-    max-width: 161px;
-    height: auto;
     rotate: 10deg;
     right: -3vw;
     bottom: 10svh;
   }
+
+  & img:nth-child(4) {
+    left: 4vw;
+    top: 18svh;
+    display: none;
+  }
 }
 
 .cards__container, .link__container {
@@ -353,10 +351,8 @@ input[type=range] {
   margin-bottom: 2.4em;
 }
 
-
-
 .link__container {
-  max-width: 735;
+  max-width: 900px;
   margin-left: auto;
   margin-right: auto;
   container-type: inline-size; 
@@ -365,7 +361,6 @@ input[type=range] {
 
 ul.card__stack {
   max-width: 270px;  
-  margin-bottom: 24px;
   aspect-ratio: 0.72972972972973;  
   position: relative;
   width: 100%;
@@ -533,6 +528,7 @@ ul.card__stack {
 
   ul.card__stack {
     margin-top: 0;
+    margin-bottom: 0;
   }
 
   
@@ -590,4 +586,8 @@ ul.card__stack {
   header {
     margin: 4rem 4rem 2rem 4rem;
   }
+
+  .icon__container img:nth-child(4) {
+    display: block;
+  }
 }

app/views/site/tmpl_index.html.erb

@@ -13,7 +13,7 @@
 
 
 <div class="icon__container">
-  <% Asset.stickets.order("RANDOM()").limit(3).each do |asset| %>
+  <% Asset.stickets.order("RANDOM()").limit(4).each do |asset| %>
     <%= image_tag rails_storage_proxy_url(asset.file.variant(resize_to_limit: [160,160])),
                   alt: asset.title,
                   srcset: "

config/application.rb

@@ -42,7 +42,7 @@ module Week2024
     # These settings can be overridden in specific environments using the files
     # in config/environments, which are processed later.
     #
-    # config.time_zone = "Central Time (US & Canada)"
+    config.time_zone = "Copenhagen"
     # config.eager_load_paths << Rails.root.join("extras")
   end
 end