~sbaildon/blackpool.town

e8ff24aa088436f37153f8332ee286ffee8feecb — Sean Baildon 6 months ago
init
2 files changed, 209 insertions(+), 0 deletions(-)

A fred.webp
A index.html
A  => fred.webp +0 -0
A  => index.html +209 -0
@@ 1,209 @@
<!DOCTYPE html>
<html lang="en">

<head>
	<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">
	<title>Blackpool Town</title>

	<meta name="og:title" content="Blackpool Town" />
	<meta name="og:description" content="The UK's most popular seaside resort" />
</head>

<style>
	/**
 * Minified by jsDelivr using clean-css v4.2.3.
 * Original file: /npm/modern-normalize@1.1.0/modern-normalize.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
	/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
	*,
	::after,
	::before {
		box-sizing: border-box
	}

	html {
		-moz-tab-size: 4;
		tab-size: 4
	}

	html {
		line-height: 1.15;
		-webkit-text-size-adjust: 100%
	}

	body {
		margin: 0
	}

	body {
		font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'
	}

	hr {
		height: 0;
		color: inherit
	}

	abbr[title] {
		text-decoration: underline dotted
	}

	b,
	strong {
		font-weight: bolder
	}

	code,
	kbd,
	pre,
	samp {
		font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
		font-size: 1em
	}

	small {
		font-size: 80%
	}

	sub,
	sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline
	}

	sub {
		bottom: -.25em
	}

	sup {
		top: -.5em
	}

	table {
		text-indent: 0;
		border-color: inherit
	}

	button,
	input,
	optgroup,
	select,
	textarea {
		font-family: inherit;
		font-size: 100%;
		line-height: 1.15;
		margin: 0
	}

	button,
	select {
		text-transform: none
	}

	[type=button],
	[type=reset],
	[type=submit],
	button {
		-webkit-appearance: button
	}

	::-moz-focus-inner {
		border-style: none;
		padding: 0
	}

	:-moz-focusring {
		outline: 1px dotted ButtonText
	}

	:-moz-ui-invalid {
		box-shadow: none
	}

	legend {
		padding: 0
	}

	progress {
		vertical-align: baseline
	}

	::-webkit-inner-spin-button,
	::-webkit-outer-spin-button {
		height: auto
	}

	[type=search] {
		-webkit-appearance: textfield;
		outline-offset: -2px
	}

	::-webkit-search-decoration {
		-webkit-appearance: none
	}

	::-webkit-file-upload-button {
		-webkit-appearance: button;
		font: inherit
	}

	summary {
		display: list-item
	}

	/*# sourceMappingURL=/sm/b8ae781793ee4eb86edef3f2a2ac43a5575d063ed8cd287d7553f9f1b2776616.map */
</style>

<style>
	img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	small {
		text-align: right;
	}

	body {
		background-color: black;
		padding: 0.75em 0.75em 1em 0.75em;
		height: 80vh;
		width: 100vw;
		color: black;

		display: flex;
		flex-direction: column;
		gap: 0.25em;
	}

	@media (min-width: 768px) {
		body {
			height: 100vh;
			padding: 1em 1em 3em 1em;
		}
	}

	a {
		color: white;
	}

	small {
		color: #eee;
	}
</style>

<body>
	<img src="fred.webp" alt="">
	<small>— Photography by <a href="http://www.dougiewallace.com/blackpool">Dougie Wallace</a></small>
</body>

</html>