songtianlun
9ce9feafb7
- Update the footer layout to include copyright information and navigation links - Improve the header layout with a responsive theme switcher - Configure Tailwind CSS to use light and dark themes This change enhances the project's user interface and user experience by providing a more visually appealing and responsive design. It includes updates to the footer and header layouts, making it easier for users to navigate the site. Additionally, it configures Tailwind CSS to use light and dark themes, allowing users to customize their experience to suit their preferences.
50 lines
1.6 KiB
Plaintext
50 lines
1.6 KiB
Plaintext
<footer class="mt-12 pt-5 border-t border-gray-200 text-gray-600">
|
|
<div class="container mx-auto px-4">
|
|
<div class="flex flex-col md:flex-row md:justify-between items-center">
|
|
<!-- 左侧文本 -->
|
|
<small class="text-sm mb-4 md:mb-0">
|
|
The
|
|
<a href="https://www.railstutorial.org"
|
|
class="text-gray-600 hover:text-gray-900">
|
|
Ruby on Rails Tutorial
|
|
</a>
|
|
by
|
|
<a href="https://www.michaelhartl.com"
|
|
class="text-gray-600 hover:text-gray-900">
|
|
Michael Hartl
|
|
</a>
|
|
</small>
|
|
|
|
<!-- 右侧导航 -->
|
|
<nav>
|
|
<ul class="flex flex-wrap justify-center space-x-4">
|
|
<li>
|
|
<%= link_to "About", about_url,
|
|
class: "text-gray-600 hover:text-gray-900" %>
|
|
</li>
|
|
<li>
|
|
<%= link_to "Contact", contact_url,
|
|
class: "text-gray-600 hover:text-gray-900" %>
|
|
</li>
|
|
<li>
|
|
<a href="https://news.railstutorial.org"
|
|
class="text-gray-600 hover:text-gray-900">
|
|
News
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<footer class="footer bg-neutral text-neutral-content p-10">
|
|
<small>
|
|
The <a href="https://www.railstutorial.org">Ruby on Rails Tutorial</a>
|
|
by <a href="https://www.michaelhartl.com">Michael Hartl</a>
|
|
</small>
|
|
<nav>
|
|
<%= link_to "About", about_url, class: "link link-hover"%>
|
|
<%= link_to "Contact", contact_url, class: "link link-hover"%>
|
|
<a href="https://news.railstutorial.org" class="link link-hover" >News</a>
|
|
</nav>
|
|
</footer> |