Compare commits

...

2 Commits

Author SHA1 Message Date
5d1846e0a0 refactor: update weather art display
Some checks are pending
CI / scan_ruby (push) Waiting to run
CI / lint (push) Waiting to run
CI / test (push) Waiting to run
Docker / docker (push) Waiting to run
- Remove unnecessary image tag
- Add city name to weather art title
- Improve image scaling effect

These changes aim to enhance the user experience by providing a clearer and more visually appealing representation of the weather art, including the location it represents.
2025-02-02 14:23:06 +08:00
130a8983a1
Update application.html.erb 2025-02-02 10:46:06 +08:00
2 changed files with 15 additions and 15 deletions

View File

@ -33,22 +33,22 @@
<%# Includes all stylesheet files in app/assets/stylesheets %> <%# Includes all stylesheet files in app/assets/stylesheets %>
<%= javascript_include_tag "application", "data-turbo-track": "reload", type: "module" %> <%= javascript_include_tag "application", "data-turbo-track": "reload", type: "module" %>
<%= stylesheet_link_tag "application", "data-turbo-track": "reload" %> <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
<!-- <script defer data-domain="todayaiweather.com" src="https://plausible.frytea.com/js/script.js"></script>--> <script defer data-domain="todayaiweather.com" src="https://plausible.frytea.com/js/script.js"></script>
<!-- <script defer src="https://busuanzi.frytea.com/js"></script>--> <script defer src="https://busuanzi.frytea.com/js"></script>
<!-- Google tag (gtag.js) --> <!-- Google tag (gtag.js) -->
<!-- <script async src="https://www.googletagmanager.com/gtag/js?id=G-PX1C92V5L7"></script>--> <script async src="https://www.googletagmanager.com/gtag/js?id=G-PX1C92V5L7"></script>
<!-- <script>--> <script>
<!-- window.dataLayer = window.dataLayer || [];--> window.dataLayer = window.dataLayer || [];
<!-- function gtag(){dataLayer.push(arguments);}--> function gtag(){dataLayer.push(arguments);}
<!-- gtag('js', new Date());--> gtag('js', new Date());
<!-- gtag('config', 'G-PX1C92V5L7');--> gtag('config', 'G-PX1C92V5L7');
<!-- </script>--> </script>
<!-- <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7296634171837358"--> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7296634171837358"
<!-- crossorigin="anonymous"></script>--> crossorigin="anonymous"></script>
</head> </head>

View File

@ -36,9 +36,9 @@
pswp_width: 1792, pswp_width: 1792,
pswp_height: 1024 pswp_height: 1024
} do %> } do %>
<%= image_tag @weather_art.image, <%= image_tag @weather_art.image, class: "object-cover w-full h-full transition-transform transform hover:scale-105 ease-in-out" %>
class: "object-cover w-full h-full transition-transform transform hover:scale-105 ease-in-out" %> <!-- 改变缩放效果 --> <%#= image_tag @weather_art.watermarked_variant.processed , class: "object-cover w-full h-full transition-transform transform hover:scale-105 ease-in-out" %>
<% end %> <% end %>
</div> </div>
</div> </div>
</figure> </figure>
@ -48,7 +48,7 @@
<div class="card-body p-8 lg:py-10 lg:px-12"> <div class="card-body p-8 lg:py-10 lg:px-12">
<div class="prose max-w-none"> <div class="prose max-w-none">
<h1 class="font-display text-4xl md:text-5xl font-bold text-gradient mb-6"> <h1 class="font-display text-4xl md:text-5xl font-bold text-gradient mb-6">
Weather Art <%= @weather_art.city.full_name %> Weather Art
</h1> </h1>
<div class="flex flex-wrap gap-4 mb-6"> <div class="flex flex-wrap gap-4 mb-6">