36 lines
2.2 KiB
ERB
36 lines
2.2 KiB
ERB
<% content_for :head do %>
|
|
<title><%= @portal.display_title(@locale) %></title>
|
|
<meta name="title" content="<%= @portal.display_title(@locale) %>">
|
|
|
|
<% if @og_image_url.present? %>
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="og:image" content="<%= @og_image_url.html_safe %>">
|
|
<meta property="og:image" content="<%= @og_image_url.html_safe %>">
|
|
<meta name="twitter:image" content="<%= @og_image_url.html_safe %>">
|
|
<% end %>
|
|
<% end %>
|
|
<section id="portal-bg" class="w-full bg-white dark:bg-slate-900 shadow-inner">
|
|
<div id="portal-bg-gradient" class="pt-8 pb-8 md:pt-14 md:pb-6 min-h-[240px] md:min-h-[260px]">
|
|
<div class="mx-auto max-w-5xl px-4 md:px-8 flex flex-col items-start">
|
|
<span class="text-sm leading-[24px] font-semibold text-slate-600 dark:text-slate-300 mb-1 <%= @portal.logo.present? ? 'block lg:hidden' : 'hidden' %>"><%= @portal.localized_value('name', @locale) %></span>
|
|
<h1 class="text-2xl md:text-4xl text-slate-900 dark:text-white font-semibold leading-normal">
|
|
<%= portal.localized_value('header_text', @locale) %>
|
|
</h1>
|
|
<p class="text-slate-600 dark:text-slate-200 text-start text-lg leading-normal pt-2 pb-4"><%= I18n.t('public_portal.hero.sub_title') %></p>
|
|
<div id="search-wrap" class="w-full relative z-30"></div>
|
|
<% if @recommended_categories.present? %>
|
|
<div class="mt-5 flex items-center gap-2 flex-wrap text-sm">
|
|
<span class="text-slate-500 dark:text-slate-400"><%= I18n.t('public_portal.sidebar.recommended_label') %></span>
|
|
<% @recommended_categories.each do |category| %>
|
|
<a href="<%= public_portal_category_path(@portal.slug, category.locale, category.slug) %>"
|
|
class="recommended-pill inline-flex items-center gap-1 px-2.5 py-1 rounded-full bg-white dark:bg-slate-800 border border-solid border-slate-200 dark:border-slate-700 text-slate-700 dark:text-slate-100 transition">
|
|
<% if category.icon.present? %><span class="inline-flex items-center text-xs leading-none"><%= render_emoji_or_icon(category.icon, category.icon_color) %></span><% end %>
|
|
<%= category.name %>
|
|
</a>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</section>
|