hogumathi-app/templates/partial/timeline-tweet.html

<div class="dtc w-10">
	<img src="{{ tweet.avi_icon_url }}" alt="Avi">
</div>
<div class="dtc w-90 v-top">
	<p class="w-100 mt0 pt0">
	<strong><a href="{{ tweet.author_url }}" class="w-100">{{ tweet.display_name }}</a></strong>
	{% if tweet.author_is_verified %}
	<small class="verified">[verified]</small>
	{% endif %}
	
	<a href="{{ tweet.author_url }}" class="silver">@{{ tweet.handle }}</a>
	<a href="{{ tweet.url }}">{{ tweet.created_at }}</a> [<a href="{{ tweet.source_url }}" target="tweet_{{ tweet.id }}">source</a>]
	</p>
	<p class="w-100">
	
	{% if tweet.html %}
		{{ tweet.html | safe }}
	{% else %}
		{{ tweet.text | replace('<', '&lt;') | replace('\n', '<br>') | safe }}
	{% endif %}
	</p>

	{% if tweet.quoted_tweet %}
	<div class="dt qt-box">
	<div class="dt-row">
		{% with tweet = tweet.quoted_tweet %}
			{% include "partial/timeline-tweet.html" %}
		{% endwith %}

	</div>
	</div>
	{% endif %}
	
	{% if tweet.replied_tweet %}
	<p style="color: silver">
	Replying to:
	</p>
	<div class="reply_to w-100" style="border: 1px solid silver; padding: 6px">
		<div class="dt reply-box">
		<div class="dt-row">
			{% with tweet = tweet.replied_tweet %}
				{% include "partial/timeline-tweet.html" %}
			{% endwith %}

		</div>
		</div>
	</div>
	{% elif tweet.replied_tweet_id %}
	<p style="color: silver">
	Replying to:
	</p>
	<p class="reply_to w-100" style="border: 1px solid silver; padding: 6px">
		<a href="{{ url_for('.get_tweet_html', tweet_id=tweet.replied_tweet_id, view='replies', marked_reply=tweet.id ) }}">View in Thread</a>.
	</p>
	{% endif %}
	
	{% if tweet.note %}
	<p class="note w-100" style="border: 1px solid black; background-color: yellow; padding: 6px">
		{{ tweet.note.replace('\n', '<br>') | safe }}
	</p>
	{% endif %}

	{% if tweet.photos %}
	<p class="w-100">
		<ul>
		{% for photo in tweet.photos %}
			<li><img class="w-100" src="{{ photo.preview_image_url }}" crossorigin="" referrerpolicy="no-referrer" onclick="this.src='{{ photo.url }}'"></li>
		{% endfor %}
		</ul>

	</p>
	{% endif %}

	{% if tweet.videos %}
	<p class="w-100">
		<p>VIDEOS</p>
		<ul>
		{% for video in tweet.videos %}
			<li><img class="w-100" src="{{ video.preview_image_url }}" referrerpolicy="no-referrer" onclick="this.src='{{ video.image_url }}'"></li>
		{% endfor %}
		</ul>

	</p>
	{% endif %}
	
		{% if tweet.card %}
		

		<div class="card-box w-100">
		
			<p><a href="{{ tweet.card.source_url }}">{{ tweet.card.display_url }}</a></p>
			<p><strong>{{ tweet.card.title }}</strong></p>
			<p>{{ tweet.card.content }}</p>
		</div>
		{% endif %}
		
		
				

		{% if False and tweet.replied_tweet %}
			<a href="{{ tweet.replied_tweet.url }}">View Parent</a>
			<a href="{{ url_for('.get_tweet_html', tweet_id=tweet.replied_tweet.conversation_id) }}">View Conversation</a>
		{% endif %}
		
		{% if tweet.public_metrics %}
		

		<p class="w-100">
		{% for k, v in tweet.public_metrics.items() %}
			{{ k.replace('_count', 's').replace('ys', 'ies').replace('_', ' ') }}: {{ v }}, 
		{% endfor %}
		
		</p>
		{% endif %}
		
		{% if tweet.non_public_metrics %}
		

		
		<p class="w-100">
			{% for k, v in tweet.non_public_metrics.items() %}
				{{ k.replace('_count', 's').replace('ys', 'ies').replace('_', ' ') }}: {{ v }}, 
			{% endfor %}
			
		</p>
		{% endif %}
	
	
</div>