<%= link_to (image_tag "logo.png", loading: 'lazy', class: "block lg:hidden h-8 w-auto"), root_path %> <%= link_to (image_tag "logo.png", loading: 'lazy', class: "hidden lg:block h-10 w-auto"), root_path %>
<%= link_to_active t("articles"), articles_path, class: "px-3 py-2 rounded-md text-sm leading-5 font-medium text-gray-300 hover:text-white focus:outline-none focus:text-white focus:bg-gray-700 transition duration-150 ease-in-out" %>
<%= form_with(url: articles_path, local: true, method: :get, class: "flex-auto max-w-sm") do |f| %>
<%= f.search_field :query, value: params[:query], id: 'search', class: 'block w-full pl-10 pr-3 py-2 border border-transparent rounded-md leading-5 bg-gray-700 text-gray-300 placeholder-gray-400 focus:outline-none focus:bg-white focus:text-gray-900 md:text-sm transition duration-150 ease-in-out', placeholder: t("search") %>
<% end %>
<% if current_user %> <%= link_to t("new_article"), new_article_path, class: "whitespace-no-wrap inline-flex items-center justify-center px-2 py-1 md:px-4 md:py-2 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 focus:shadow-outline-indigo active:bg-indigo-700 transition ease-in-out duration-150" %> <% end %>
<%= link_to 'English', url_for(set_locale: true, locale: 'en'), class: "block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out", role: "menuitem" %> <%= link_to '中文', url_for(set_locale: true, locale: nil), class: "block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out", role: "menuitem" %>
<% if current_user %>
<% if false %> <%= link_to t("my_profile"), user_path(current_user), class: "block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out", role: "menuitem" %> <%= link_to t("settings"), setting_users_path, class: "block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out", role: "menuitem" %> <% end %> <% if current_user.admin? || current_user.is_writer? || current_user.is_reviewer? %> <%= link_to t("admin"), admin_root_path(locale: nil), class: "block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out", role: "menuitem" %> <% end %> <%= link_to t("sign_out"), destroy_session_path, method: :delete, role: 'menuitem', class: 'block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out' %>
<% else %> <%= link_to t("sign_in"), new_session_path, class: "whitespace-no-wrap inline-flex items-center justify-center px-2 py-1 md:px-4 md:py-2 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 focus:shadow-outline-indigo active:bg-indigo-700 transition ease-in-out duration-150" %> <% end %>