bterkuile/fizzy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #821 from basecamp/og-tags

Browse Source 
Open Graph
This commit is contained in:
Jason Zimdars
2025-07-28 17:05:51 -05:00
committed by GitHub
parent 5fa6e50ecb 6b6cec3026
commit da3517f252
4 changed files with 37 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/views/cards/index.html.erb
+6
View File
@@ -2,6 +2,12 @@
<%= render "filters/broadcasts", filter: @filter %>
<% content_for :head do %>
<%= tag.meta property: "og:title", content: @page_title %>
<%= tag.meta property: "og:description", content: Account.sole.name %>
<%= tag.meta property: "og:url", content: cards_url(@filter.as_params) %>
<% end %>
<% content_for :header do %>
<%= render "cards/index/header", filter: @filter %>
<% end %>
app/views/cards/show.html.erb
+7
View File
@@ -1,6 +1,13 @@
<% @page_title = @card.title %>
<%= turbo_stream_from @card %>
<% 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: collection_card_path(@card.collection, @card) %>
<% end %>
<% content_for :header do %>
<% if @card.creating? && @card.can_recover_abandoned_creation? %>
<div class="fill-selected position-sticky flex align-center gap-half justify-center border-block margin-block-end"
app/views/public/cards/show.html.erb
+12
View File
@@ -1,5 +1,17 @@
<% @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 %>
<header class="header card-perma__collection-header">
<%= 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 %>
app/views/public/collections/show.html.erb
+12
View File
@@ -1,5 +1,17 @@
<% @page_title = @collection.name %>
<% content_for :head do %>
<%= tag.meta property: "og:title", content: "#{@collection.name} | #{Account.sole.name}" %>
<%= tag.meta property: "og:description", content: format_excerpt(@collection&.public_description, length: 200) %>
<%= tag.meta property: "og:image", content: "#{request.base_url}/app-icon.png" %>
<%= tag.meta property: "og:url", content: published_collection_url(@collection) %>
<%= tag.meta property: "twitter:title", content: "#{@collection.name} | #{Account.sole.name}" %>
<%= tag.meta property: "twitter:description", content: format_excerpt(@collection&.public_description, length: 200) %>
<%= tag.meta property: "twitter:image", content: "#{request.base_url}/app-icon.png" %>
<%= tag.meta property: "twitter:card", content: "summary_large_image" %>
<% end %>
<% content_for :header do %>
<div class="flex-column margin-block unpad gap-none">
<h1 class="txt-large overflow-ellipsis margin-none">