sus.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="Experience the SUS!">
	<meta property="og:image" content="https://nsfw.cringe-studios.com/sus.png">
	<meta property="og:type" content="website">
	<meta property="og:url" content="https://cringe-studios.com/">
	<meta property="og:title" content="¢яιηgє $тυ∂ισѕ Infinite SUS">
	<meta property="og:description" content="Experience the SUS!">
	<title>Infinite SUS</title>
	<style>
		body {
			overflow-x: hidden;
		}
		
		.container{
			max-width: 100vw;
			display: flex;
			flex-wrap: wrap;
			line-break: anywhere;
		}
	</style>
</head>
<body style="font-family: 'Courier';">
	<div class="container"> 

	</div>
	<button type="button" onClick="loadText();">More Sus!</button>
	

	<script>
		const container = document.querySelector('.container');

		function loadText(numElements = 10000){
			let i=0;
			let str = "";
			while(i < numElements){
				str += "SUS";
				i++;
			}
			container.innerText += str;
		}

		loadText();

		window.addEventListener('scroll',()=>{
			if(window.scrollY + window.innerHeight >= document.documentElement.scrollHeight - 1000){
				loadText();
			}
		})
	</script>
</body>
</html>