JSFiddle - React, Tailwind, and code Playground

by pradeep

HTML

<html>
<head>
	<link rel="stylesheet" type="text/css" href="https://mikemaccana.github.io/outdated-browser-rework/dist/style.css">
	<script src="https://unpkg.com/[email protected]/dist/outdated-browser-rework.min.js"></script>
	<script>
		// Since this is a demo page, we disable support for all browsers
		outdatedBrowserRework({
			fullscreen: false,
			browserSupport: {
				'Edge': false,
				'Chrome': 57,
				'Safari': false,
				'Mobile Safari': false,
				'Firefox': false,
				'Opera': false,
				'IE': false,
			}
		})
	</script>
	<style type="text/css">
		/* Ugly 90s CSS */
		p {
			font-family: "Open Sans", "Segoe UI", sans-serif;
			font-size: 24pt;
		}

		div.content-wrapper {
			display: table;
			width: 100%;
		}

		div.content {
			display: table-cell;
			vertical-align: middle;
			height: 600px;
			text-align: center;
		}

		div.content p {
			display: inline-block;
			text-align: center;
			width: 500px;
		}
	</style>
</head>

<body>
	<!-- Ugly 90s HTML -->
	<div class="content-wrapper">
		<div class="content">
			<p>This page is a demonstration, showing what a user with an outdated browser will experience.
				<br>
				<b>All browsers in this demo are marked as not supported</b>, so you'll see it even with new browsers!</p>
		</div>
	</div>
	<div id="outdated"></div>
</body>

</html>