Generate Open Graph and Twitter meta tags. Preview a websites social share card. View the sites document metadata and render HTML previews of social share cards.
works best on URLs with "well-formatted" document metadata in the
<head>
page = PyDetails("https://tannerdolby.com")
print(page.get_details())
{
'title': TagInfo(content='Tanner Dolby', html='<title>Tanner Dolby</title>'),
'description': TagInfo(content="Hi, I'm Tanner. A software engineer and mathematician with a passion for building things for the web.", html='<meta name="description" content="Hi, I\'m Tanner. A software engineer and mathematician with a passion for building things for the web.">'),
'image': TagInfo(content='https://tannerdolby.com/images/arch-spiral-large.jpg', html='<meta name="twitter:image" content="https://tannerdolby.com/images/arch-spiral-large.jpg">'),
'image_alt': TagInfo(content='An Archimedean Spiral generated with JavaScript', html='<meta name="twitter:image:alt" content="An Archimedean Spiral generated with JavaScript">'),
'url': 'https://tannerdolby.com',
'display_url': 'tannerdolby.com',
'open_graph': List[TagInfo],
'twitter': List[TagInfo]
}Or define an instance of PyDetails without any parameters in the constructor to then provide a URL in the get_details call:
page = PyDetails()
print(page.get_details("https://tannerdolby.com"))Use the build_card() class method to output HTML for previewing cards. The following creates Open Graph and Twitter card info:
page = PyDetails("https://tannerdolby.com")
print(page.build_card("twitter", page.get_details()))Generates the following card HTML:
<style>
...
</style>
<a class="card-link" href="https://tannerdolby.com" aria-label="Link to website">
<div class="card twitter_summary">
<img src="https://tannerdolby.com/images/arch-spiral-large.jpg"
alt="An Archimedean Spiral generated with JavaScript" />
<div class="card-info">
<p class="card-url">tannerdolby.com</p>
<p class="card-title">Tanner Dolby</p>
<p class="card-desc">Hi, I'm Tanner. A software engineer and mathematician with a passion for building
things for the web.</p>
</div>
</div>
</a>
