songtianlun
905ec35fd8
- Integrate PhotoSwipe library for enhanced image viewing - Create PhotoSwipeLightBoxController to manage images - Register lightbox controller in Stimulus framework - Update views to include lightbox functionality - Modify styles to accommodate new design elements This commit introduces a new way for users to view images with PhotoSwipe, improving the interactivity of the photo gallery. It also includes adjustments to the layout and styles for better presentation and user experience.
99 lines
3.5 KiB
Plaintext
99 lines
3.5 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title><%= content_for(:title) || "Today Ai Weather" %></title>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
<%= display_meta_tags(
|
|
site: 'TodayAIWeather',
|
|
reverse: true,
|
|
og: {
|
|
site_name: 'TodayAIWeather',
|
|
type: 'website',
|
|
url: request.original_url
|
|
},
|
|
alternate: {
|
|
"zh-CN" => url_for(locale: 'zh-CN'),
|
|
"en" => url_for(locale: 'en')
|
|
}
|
|
) %>
|
|
<%= csrf_meta_tags %>
|
|
<%= csp_meta_tag %>
|
|
|
|
<%= yield :head %>
|
|
|
|
<%# Enable PWA manifest for installable apps (make sure to enable in config/routes.rb too!) %>
|
|
<%#= tag.link rel: "manifest", href: pwa_manifest_path(format: :json) %>
|
|
|
|
<link rel="icon" href="/icon.png" type="image/png">
|
|
<link rel="icon" href="/icon.svg" type="image/svg+xml">
|
|
<link rel="apple-touch-icon" href="/icon.png">
|
|
|
|
<%# Includes all stylesheet files in app/assets/stylesheets %>
|
|
<%= javascript_include_tag "application", "data-turbo-track": "reload", type: "module" %>
|
|
<%= 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 src="https://busuanzi.frytea.com/js"></script>-->
|
|
|
|
<!-- Google tag (gtag.js) -->
|
|
<!-- <script async src="https://www.googletagmanager.com/gtag/js?id=G-PX1C92V5L7"></script>-->
|
|
<!-- <script>-->
|
|
<!-- window.dataLayer = window.dataLayer || [];-->
|
|
<!-- function gtag(){dataLayer.push(arguments);}-->
|
|
<!-- gtag('js', new Date());-->
|
|
|
|
<!-- gtag('config', 'G-PX1C92V5L7');-->
|
|
<!-- </script>-->
|
|
|
|
<!-- <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7296634171837358"-->
|
|
<!-- crossorigin="anonymous"></script>-->
|
|
|
|
</head>
|
|
|
|
<body class="min-h-screen bg-base-100 font-sans">
|
|
<!-- 导航栏 -->
|
|
<div class="navbar bg-base-100/80 backdrop-blur-sm fixed top-0 z-50">
|
|
<div class="container mx-auto">
|
|
<div class="flex-1">
|
|
<%= link_to root_path, class: "text-2xl font-display font-bold hover:text-primary transition-colors" do %>
|
|
Today AI Weather
|
|
<% end %>
|
|
</div>
|
|
<div class="flex-none">
|
|
<%= link_to "Cities", cities_path, class: "btn btn-ghost font-sans" %>
|
|
<%= link_to "Arts", arts_path, class: "btn btn-ghost font-sans" %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 主要内容 -->
|
|
<main class="pt-16">
|
|
<%= yield %>
|
|
</main>
|
|
|
|
<!-- 页脚 -->
|
|
<footer class="footer footer-center p-8 bg-base-200 text-base-content">
|
|
<div class="container mx-auto flex flex-col gap-2">
|
|
<div id="busuanzi_container" class="text-xs opacity-70">
|
|
<div class="space-x-2">
|
|
<span>Page Views: <span id="busuanzi_page_pv"></span></span>
|
|
<span>|</span>
|
|
<span>Page Visitors: <span id="busuanzi_page_uv"></span></span>
|
|
<span>|</span>
|
|
<span>Total Views: <span id="busuanzi_site_pv"></span></span>
|
|
<span>|</span>
|
|
<span>Total Visitors: <span id="busuanzi_site_uv"></span></span>
|
|
</div>
|
|
</div>
|
|
|
|
<p class="font-display opacity-80">
|
|
Copyright © 2024 - All rights reserved by AI Weather Art
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|