~sbaildon/blackpool.town

bf6bc66a6021a5000e54874795cb6dbe55ef89b7 — Sean Baildon 6 months ago 99f4254
metatags, and jpg fallback
1 files changed, 21 insertions(+), 7 deletions(-)

M index.html
M index.html => index.html +21 -7
@@ 5,12 5,17 @@
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="The UK's most popular seaside resort">
	<meta name="keywords" content="blackpool, town, seaside, resort">
	<meta name="description" property="og:description" content="England's most popular seaside resort">
	<meta name="twitter:card" content="summary">
	<meta property="og:title" content="Blackpool Town" />
	<meta property="og:image" content="https://blackpool.town/beach.jpg" />
	<meta property="og:type" content="website" />
	<meta property="og:url" content="https://blackpool.town/" />
	<meta property="og:locale" content="en_GB" />
	<meta property="og:site_name" content="Blackpool Town" />
	<title>Blackpool Town</title>

	<meta name="og:title" content="Blackpool Town" />
	<meta name="og:description" content="The UK's most popular seaside resort" />
	<link rel="icon" href="/favicon.svg">
	<link rel="mask-icon" href="favicon.svg" color='rgb(205, 45, 114)'>
</head>

<style>


@@ 163,7 168,12 @@
</style>

<style>
	img {
	picture {
		width: 100%;
		height: 100%;
	}

	picture * {
		object-fit: cover;
		width: 100%;
		height: 100%;


@@ 202,7 212,11 @@
</style>

<body>
	<img src="fred.webp" alt="">
	<picture>
		<source srcset="fred.webp" type="image/webp">
		<source srcset="fred.jpg" type="image/jpeg">
		<img src="fred.jpg" alt="Woman looking at a man's Blackpool rock as passers-by look on confused">
	</picture>
	<small>— Photography by <a href="http://www.dougiewallace.com/blackpool">Dougie Wallace</a></small>
</body>