embedded-tweet.html.php

<? 
	$tweet_id = (isset($tweet_id)) ? $tweet_id : '';
	$twitter_name = (isset($twitter_name)) ? $twitter_name : '';
	$twitter_handle = (isset($twitter_handle)) ? $twitter_handle : '';
?>
<div class="w-96 m-auto bg-white rounded-xl border border-gray-300 pt-4 pb-2 px-4">
	<div class="flex">
		<a href="https://twitter.com/<?= $twitter_handle ;?>" target="_blank" role="link" aria-hidden="true" tabindex="-1" class="rounded-full h-12 w-12 mr-1">
			<img class="rounded-full" src="https://pbs.twimg.com/profile_images/660065817929846784/3KWHFG0Y_reasonably_small.png" >
		</a>
		<a href="https://twitter.com/<?= $twitter_handle ;?>" target="_blank" role="link" data-focusable="true">
			<span class="block"><?= $twitter_name ;?></span>
			<span>@<?= $twitter_handle ;?></span>
		</a>
		<!-- This href needs to be grabbed from the blockquote -->
		<a href="https://twitter.com/<?= $twitter_handle ;?>/status/<?= $tweet_id ;?>" target="_blank" aria-label="View on Twitter" role="link" data-focusable="true" class="w-6 ml-auto text-blue-500">
		<!-- This href ^^ needs to be grabbed from the blockquote -->
			<svg viewBox="0 0 24 24" class="w-6">
				<g>
					<path fill="#1da1f2" d="M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572 0-4.658 2.086-4.658 4.66 0 .364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342 0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3 0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376 0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57 0 13.255-7.098 13.255-13.254 0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z"></path>
				</g>
			</svg>
		</a>
	</div>
	<style>
		.twitter-tweet{margin:1rem 0;text-align:left;}
		.twitter-tweet p{border-bottom:1px rgba(209, 213, 219,1) solid;margin-bottom;0.5em;padding-bottom:0.5em;}
		.twitter-tweet p a:link{color:rgba(0,173,239,1);}
		.twitter-tweet p a:hover,
		.twitter-tweet p a:focus{color:rgba(0,104,144,1);}
	</style>
	<!-- start tweet blockquote here -->
	<blockquote class="twitter-tweet">
		<p lang="en" dir="ltr">Just released Joomlatools Mason 1.1.2 which brings a new mason --version command to give an overview of all the included modules and versions. <br><br>To upgrade: <a href="https://t.co/8TbSOcXeeq">https://t.co/8TbSOcXeeq</a> <a href="https://t.co/onnjzA38eb">pic.twitter.com/onnjzA38eb</a></p>&mdash; Joomlatools Dev (@joomlatoolsdev) <a href="https://twitter.com/joomlatoolsdev/status/1341019188203294726?ref_src=twsrc%5Etfw">December 21, 2020</a>
	</blockquote>
	<!-- end tweet blockquote here -->
</div>