<% @page_title = @card.title %> <% content_for :head do %> <%= tag.meta property: "og:title", content: "#{@card.title} | #{@card.collection.name}" %> <%= tag.meta property: "og:description", content: format_excerpt(@card&.description, length: 200) %> <%= tag.meta property: "og:image", content: @card.image.attached? ? "#{request.base_url}#{url_for(@card.image)}" : "#{request.base_url}/app-icon.png" %> <%= tag.meta property: "og:url", content: published_card_url(@card) %> <%= tag.meta property: "twitter:title", content: "#{@card.title} | #{@card.collection.name}" %> <%= tag.meta property: "twitter:description", content: format_excerpt(@card&.description, length: 200) %> <%= tag.meta property: "twitter:image", content: @card.image.attached? ? "#{request.base_url}#{url_for(@card.image)}" : "#{request.base_url}/app-icon.png" %> <%= tag.meta property: "twitter:card", content: "summary_large_image" %> <% end %> <% content_for :header do %> <%= link_to published_collection_url(@card.collection), class: "header__title btn borderless txt-large", style: "--btn-padding: 0.25ch 1ch 0.25ch 0.75ch; view-transistion-name: card-collection-title;", data: { controller: "hotkey", action: "keydown.esc@document->hotkey#click" } do %> ← <%= @card.collection.name %> <% end %> <% end %>

<%= card_article_tag @card, class: "card" do %>

<%= render "public/cards/show/title", card: @card %> <%= render "cards/display/public_preview/columns", card: @card if @card.open? %>

<%= render "public/cards/show/steps", card: @card %> <% end %>

<%= render "layouts/lightbox" %>