docbrown/app/views/pages/show.fr.html.erb
Ben Halpern a30b86a025
Allow billboards to target specific pages with "fixed bottom" placement (#20748)
* Add page fixed bottom billboard

* Add page fixed bottom billboard

* Fix schema
2024-03-15 14:32:30 -04:00

44 lines
2.1 KiB
Text

<% title @page.title %>
<%= content_for :page_meta do %>
<link rel="canonical" href="<%= app_url(@page.path) %>" />
<meta name="description" content="<%= @page.title %> — <%= community_name %>">
<%= meta_keywords_default %>
<meta property="og:type" content="article" />
<meta property="og:url" content="<%= app_url(@page.path) %>" />
<meta property="og:title" content="<%= @page.title %> — <%= community_name %>" />
<meta property="og:image" content="<%= Settings::General.main_social_image %>">
<meta property="og:description" content="<%= @page.description %>" />
<meta property="og:site_name" content="<%= community_name %>" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@<%= Settings::General.social_media_handles["twitter"] %>">
<meta name="twitter:title" content="<%= @page.title %> — <%= community_name %>">
<meta name="twitter:description" content="<%= @page.description %>">
<meta name="twitter:image:src" content="<%= Settings::General.main_social_image %>">
<% end %>
<main id="main-content">
<% if @page.template == "contained" %>
<div class="crayons-layout crayons-layout--limited-l">
<div class="crayons-card text-styles text-padding">
<h1 class="fs-3xl s:fs-4xl l:fs-5xl fw-bold s:fw-heavy lh-tight mb-4 mt-0"><%= @page.title %></h1>
<%= @page.processed_html.html_safe %>
</div>
</div>
<% elsif @page.template == "nav_bar_included" %>
<div class="crayons-layout crayons-layout--2-cols">
<div class="hidden m:block">
<%= render "articles/sidebar" %>
</div>
<div class="crayons-card text-styles text-padding">
<h1 class="fs-3xl s:fs-4xl l:fs-5xl fw-bold s:fw-heavy lh-tight mb-4 mt-0"><%= @page.title %></h1>
<%= @page.processed_html.html_safe %>
</div>
</div>
<% else %>
<%= @page.processed_html.html_safe %>
<% end %>
</main>
<div class="js-billboard-container pb-4 crayons-layout__comments-billboard" data-async-url="<%= billboard_path(page_id: @page.id, placement_area: :page_fixed_bottom) %>"></div>