hogumathi-app/hogumathi_app/templates/partial/user-card-bs.html

<div class="user w-100 p-1" style="border: 1px solid black;">
	
	<div style="float: right; margin-top: 0; text-align: right">
		{% if user.profile_image_url %}
		<img style="float: right; margin-left: 4px;" src="{{ user.profile_image_url }}">
	{% endif %}

	{% if user.username %}
	<pre style="display: inline; font-weight: bold; ">@{{ user.username }}</pre>
	<br>
	{% endif %}
	<span><pre style="display: inline;">{{ user.id }}</pre></span>
	
	</div>
	
	<p style="margin-top: 0">
		
		
		{% if user.actions and user.actions.view_profile %}
		{% with view_profile=user.actions.view_profile %}
		<a href="{{ url_for( view_profile.route, **view_profile.route_params ) }}">
		{% endwith %}
		{% elif user.url %}
		<a href="{{ user.url }}">
		{% else %}
		<a href="{{ url_for('twitter_v2_facade.get_profile_html', user_id=user.id) }}">
		{% endif %}
		<strong>{{ user.name }}</strong></a>
		
		{% if user.verified %}
		<small>[verified]</small>
		{% endif %}
		
		{% if user.protected %}
		<small>[protected]</small>
		{% endif %}
	</p>
	
		
	{% if user.description %}
	<div>
	
		{{ user.description }}
	</div>
	{% endif %}
	
	
	{% if user.pinned_tweet_id %}
	<div>
		<p>Pinned tweet:</p>
		<div style="border: 1px solid black">{{ user.pinned_tweet_id }}</div>
	</div>
	{% endif %}
	
	<dl>
		{% if user.created_at %}
		<dt>Member since</dt>
		<dd>{{ user.created_at }}</dd>
		{% endif %}
		
		{% if user_dc and user_dc.website %}
		<dt>Website</dt>
		<dd><a href="{{ user_dc.website }}">{{ user_dc.website }}</a></dd>
		{% endif %}
		
		{% if user.location %}
		<dt>Location</dt>
		<dd>{{ user.location }}</dd>
		{% endif %}
		
		{% if user.public_metrics %}
		
		{% if user.public_metrics.tweet_count %}
		<dt>Tweets</dt>
		<dd>{{ user.public_metrics.tweet_count }}</dd>
		{% endif %}
		
		{% if user.public_metrics.followers_count %}
		<dt>Followers</dt>
		<dd>{{ user.public_metrics.followers_count }}</dd>
		{% endif %}
		
		{% if user.public_metrics.following_count %}
		<dt>Following</dt>
		<dd>{{ user.public_metrics.following_count }}</dd>
		{% endif %}
		
		{% if user.public_metrics.listed_count %}
		<dt>Listed</dt>
		<dd>{{ user.public_metrics.listed_count }}</dd>
		{% endif %}
		
		{% endif %}
	</dl>
	
</div>