songtianlun
f6b9dcf187
- Implement locale extraction and fallback mechanism - Add translation files for English and Chinese - Update views to use translated strings for various UI elements This commit introduces support for multiple languages in the application, enhancing accessibility for users. It includes a fallback mechanism for locales and updates to the user interface to display translated content.
42 lines
1.8 KiB
Plaintext
42 lines
1.8 KiB
Plaintext
<div>
|
|
<!-- 首屏展示区 -->
|
|
<section class="h-screen-90 relative overflow-hidden">
|
|
<% if @latest_arts.first&.image&.attached? %>
|
|
<div class="absolute inset-0">
|
|
<%= image_tag @latest_arts&.first&.webp_image&.processed, class: "w-full h-full object-cover" %>
|
|
<div class="absolute inset-0 bg-gradient-to-r from-base-100/90 to-base-100/50"></div>
|
|
</div>
|
|
<% end %>
|
|
|
|
<div class="container mx-auto px-4 h-full flex items-center relative">
|
|
<div class="max-w-2xl space-y-6">
|
|
<h1 class="text-5xl md:text-6xl font-display font-bold leading-tight">
|
|
<%= t("home.headline_html") %>
|
|
</h1>
|
|
<p class="text-xl text-base-content/70 font-sans">
|
|
<%= t("home.subtitle") %>
|
|
</p>
|
|
<%= link_to t("button.explore_cities"), cities_path,
|
|
class: "btn btn-primary btn-lg mt-8 font-sans" %>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 最新天气艺术 -->
|
|
<section class="container mx-auto px-4 py-16 space-y-12">
|
|
<h2 class="text-3xl font-display font-bold text-center"><%= t("title.latest_weather_art") %></h2>
|
|
<%= render 'home/arts', arts: @latest_arts %>
|
|
<h2 class="text-3xl font-display font-bold text-center"><%= t("title.popular_weather_art") %></h2>
|
|
<%= render 'home/arts', arts: @popular_arts %>
|
|
<!-- <h2 class="text-3xl font-display font-bold text-center">Random Weather Art</h2>-->
|
|
<%#= render 'home/arts', arts: @random_arts %>
|
|
</section>
|
|
</div>
|
|
<div class="text-center mt-12 mb-12">
|
|
<%= link_to arts_path, class: "btn btn-primary btn-lg gap-2" do %>
|
|
<%= t("button.view_all_weather_arts") %>
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3" />
|
|
</svg>
|
|
<% end %>
|
|
</div> |