Caidan Williams
f5079b8158
Enable rich link previews when feed URLs are shared in iMessage, Slack, and other social platforms. Adds feed title, description, creator info, and avatar images to improve sharing experience.
54 lines
1.7 KiB
HTML
54 lines
1.7 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block head_title %}
|
|
{%- if feedView -%}
|
|
{{ feedView.DisplayName }} by @{{ feedView.Creator.Handle }} | Bluesky Feed
|
|
{%- else -%}
|
|
Bluesky
|
|
{%- endif -%}
|
|
{% endblock %}
|
|
|
|
{% block html_head_extra -%}
|
|
{%- if feedView -%}
|
|
<meta property="og:site_name" content="Bluesky Social">
|
|
<meta property="og:type" content="website">
|
|
{%- if requestURI %}
|
|
<meta property="og:url" content="{{ requestURI }}">
|
|
<link rel="canonical" href="{{ requestURI|canonicalize_url }}" />
|
|
{% endif -%}
|
|
|
|
{%- if feedView.DisplayName %}
|
|
<meta property="og:title" content="{{ feedView.DisplayName }} by @{{ feedView.Creator.Handle }}">
|
|
{% else %}
|
|
<meta property="og:title" content="Feed by @{{ feedView.Creator.Handle }}">
|
|
{% endif -%}
|
|
|
|
{%- if feedView.Description %}
|
|
<meta name="description" content="{{ feedView.Description }}">
|
|
<meta property="og:description" content="{{ feedView.Description }}">
|
|
<meta property="twitter:description" content="{{ feedView.Description }}">
|
|
{% endif -%}
|
|
|
|
{%- if feedView.Avatar %}
|
|
<meta property="og:image" content="{{ feedView.Avatar }}">
|
|
<meta property="twitter:image" content="{{ feedView.Avatar }}">
|
|
<meta name="twitter:card" content="summary">
|
|
{% endif %}
|
|
|
|
<meta name="twitter:label1" content="Created by">
|
|
<meta name="twitter:value1" content="@{{ feedView.Creator.Handle }}">
|
|
|
|
<link rel="alternate" href="{{ feedView.Uri }}" />
|
|
{% endif -%}
|
|
{%- endblock %}
|
|
|
|
{% block noscript_extra -%}
|
|
{%- if feedView -%}
|
|
<div id="bsky_feed_summary">
|
|
<h3>Feed</h3>
|
|
<p id="bsky_feed_name">{{ feedView.DisplayName }}</p>
|
|
<p id="bsky_feed_creator">{{ feedView.Creator.Handle }}</p>
|
|
<p id="bsky_feed_description">{{ feedView.Description }}</p>
|
|
</div>
|
|
{% endif -%}
|
|
{%- endblock %} |