humbletiger · December 31, 2020 19:19
diff --git a/gistfile1.txt b/gistfile1.txt
 <html>
 <header>
 <title>
 Display Name
 </title>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <style>
 * {
 	margin:0;padding:0;
 }
 .container {
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	height: 100vh;
 }
 #name, #warning {
 	line-height:.7em;
 	width:95%;border:1px solid #fff;
 	font-size:10em;font-family: Courier, Monaco, monospace;font-weight:400;
 	text-align:center;
 }
 #warning {
 	font-size:3em;
 	border:1px solid #fff;
 	line-height:2em;
 }
 </style>
 <script>
 var getParams = function (url) {
 	var params = {};
 	var parser = document.createElement('a');
 	parser.href = url;
 	var query = parser.search.substring(1);
 	var vars = query.split('&');
 	for (var i = 0; i < vars.length; i++) {
 		var pair = vars[i].split('=');
 		params[pair[0]] = decodeURIComponent(pair[1]);
 	}
 	return params;
 };
 myvar = getParams(window.location.href);
 </script>
 </header>
 <body>
 <div id="warning"></div>
 <div class="container">
 	<!--<div id="warning"></div>-->
    <div id="name"></div>
 </div>
 <script>
 if ( myvar['name'] ) {
 	document.getElementById('name').innerHTML = myvar['name'];
 	document.title = myvar['name'];
 } else {
 	document.getElementById('warning').innerHTML = 'Need in URL: name=[value]';
 }
 if ( myvar['size'] ) {
 	document.getElementById("name").style.fontSize = myvar['size']+"em";
 }
 </script>
 </body>
 </html>
	<html>
	<header>
	<title>
	Display Name
	</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
	* {
	margin:0;padding:0;
	}
	.container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	}
	#name, #warning {
	line-height:.7em;
	width:95%;border:1px solid #fff;
	font-size:10em;font-family: Courier, Monaco, monospace;font-weight:400;
	text-align:center;
	}
	#warning {
	font-size:3em;
	border:1px solid #fff;
	line-height:2em;
	}
	</style>
	<script>
	var getParams = function (url) {
	var params = {};
	var parser = document.createElement('a');
	parser.href = url;
	var query = parser.search.substring(1);
	var vars = query.split('&');
	for (var i = 0; i < vars.length; i++) {
	var pair = vars[i].split('=');
	params[pair[0]] = decodeURIComponent(pair[1]);
	}
	return params;
	};
	myvar = getParams(window.location.href);
	</script>
	</header>
	<body>
	<div id="warning"></div>
	<div class="container">
	<!--<div id="warning"></div>-->
	<div id="name"></div>
	</div>
	<script>
	if ( myvar['name'] ) {
	document.getElementById('name').innerHTML = myvar['name'];
	document.title = myvar['name'];
	} else {
	document.getElementById('warning').innerHTML = 'Need in URL: name=[value]';
	}
	if ( myvar['size'] ) {
	document.getElementById("name").style.fontSize = myvar['size']+"em";
	}
	</script>
	</body>
	</html>