<!DOCTYPE html>
<html lang="en-US">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="Home of the Cringos!">
		<meta property="og:image" content="https://nsfw.cringe-studios.com/grimacing.png">
		<meta property="og:type" content="website">
		<meta property="og:url" content="https://cringe-studios.com/">
		<meta property="og:title" content="¢яιηgє $тυ∂ισѕ Official Website">
		<meta property="og:description" content="Home of the Cringos!">

		<title>¢яιηgє $тυ∂ισѕ</title>
		<link rel="icon" href="https://cdn.discordapp.com/attachments/906285431782539294/959130243053010994/Untitled.png">

		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
		<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
		
		<style>
		body {
			text-align: center;
			font-family: 'Courier';
			overflow-x: hidden;
			padding-top: 10px;
		}

		footer {
			text-align: left;
			font-size: 50%;
		}
		
		.gurke {
			border: 2px solid black;
			padding: 10px;
			margin:-2px 0 0 -2px;
		}

		.impostor-image {
			animation: amogus 1000s infinite linear;
		}
		
		.article {
			text-align:left;
		}

		.leftRight {
			animation: left2Right 20s infinite linear;
		}

		.rightLeft {
			animation: right2Left 20s infinite linear;
		}
			
		.upDown {
			animation: updown 3s infinite ease;	
		}
		
		.video {
			/*animation: rickRoll 1s infinite ease;*/
			animation: amogus 10s infinite linear;
			max-width=1vp;
		}
		
		@keyframes rickRoll {
			50% {
				transform: translateX(calc(100% - 560px));

			}
		}
			
		@keyframes updown {
			50% {
				transform: translateY(calc(100% - 560px));

			}
		}

		@keyframes left2Right {
			0% {
				transform: translateX(-50vw);
			}
			25% {
				transform: translateX(0vw);
			}
			50% {
				transform: translateX(50vw);
			}
			75% {
				transform: translateX(100vw);
			}
			100% {
				transform: translateX(150vw);
			}
		}

		@keyframes right2Left {
			0% {
				transform: translateX(150vw);
			}
			25% {
				transform: translateX(100vw);
			}
			50% {
				transform: translateX(50vw);
			}
			75% {
				transform: translateX(0vw);
			}
			100% {
				
				transform: translateX(-50vw);
			}
		}

		/* Bootstrap: small */
		@media only screen and (max-width: 576px) {
			.gurke {
				margin:0 -2px -2px 0;
			}
		}

		/* Bootstrap: medium */
		@media only screen and (max-width: 768px) {
			.gurke {
				margin:0 -2px -2px 0;
			}
		}

		@keyframes amogus {
			0% {
				transform: rotateZ(0deg);
			}
			25% {
				transform: rotateZ(90deg);
			}
			50% {
				transform: rotateZ(180deg);
			}
			75% {
				transform: rotateZ(270deg);
			}
			100% {
				transform: rotateZ(360deg);
			}
		}
		</style>
	</head>

<body style="background-color:yellow;">
	<header style="padding-top:5vh;padding-bottom:5vh;"><h1 style="color:red;">The Impostors</h1></header>
	<div class="container">
		<div class="row">
			<div class="col-md-4 gurke" style="background-color: rgb(239, 228, 176);">
				<h1>Cringe CEO</h1>
				<a href="https://nsfw.cringe-studios.com/Ecchi.png" >
					<img class="impostor-image" src="https://nsfw.cringe-studios.com/arrayser.webp" alt="Picture of the Cringe CEO" width="50%" style="border-radius: 50%;" />
				</a><br />
				<br />
				<div class="article">
					<p>Alias: <b><code>The Arrayser</code></b></p>
					<p>Github Page: <a href="https://github.com/TheArrayser" target="_blank">TheArrayser;</a></p>
					<b>Favorites:</b>
					<ul style="list-style-type:hiragana;">
						<li>Favorite Programming Language: <img style="display:inline; vertical-align: middle;" height="20" alt="C" src="https://nsfw.cringe-studios.com/C.png" /></li>
						<li>Favorite Operating System: Windows xP</li>
						<li>Favorite Color:&nbsp;&trpezium;&trade;</li>
						<li>Favorite Bean: Kidney</li>
						<li>Favorite Internal Organ: Kidney</li>
					</ul>
					<p>Pronoun: <code>NOT</code></p>
					<p>Anything that is not <img style="display:inline; vertical-align: middle;" height="20" alt="C" src="https://nsfw.cringe-studios.com/C.png" /> is not a good programing language, maybe not even a programming language or even a language!</p>
				</div>
			</div>
			<div class="col-md-4 gurke" style="background-color: rgb(152, 255, 152);">
				<h1>Kölian</h1>
				<img class="impostor-image" src="https://nsfw.cringe-studios.com/mrletsplay.webp" alt="JulianA" width="50%" style="border-radius: 50%;" /><br />
				<br />
				<div class="article">
					<p>Alias: <b><code>MrLetsplay</code></b></p>
					<p>Github Page: <a href="https://github.com/MrLetsplay2003" target="_blank">MrLetsplay;</a></p>
					<b>Favorites:</b>
					<ul style="list-style-type:lower-greek;">
						<li>Favorite Song: Coconut Mall</li>
						<li>Favorite Operating System: Lin<img src="https://nsfw.cringe-studios.com/sus.png" style="display:inline; vertical-align: middle;" height="20" alt="sus" title="sus" /></li>
						<li>Likes to touch his &#x1F956;</li>
						<li>Favorite Video Game: Amogus</li>
						<li>Favorite Discord Bot: <a href="https://graphite-official.com" target="_blank">Graphite</a></li>
					</ul>
					<p>Pronoun: <code>possibly</code></p>
					<p><img src="https://nsfw.cringe-studios.com/java.png" style="display:inline; vertical-align: middle;" height="20" alt="Java" /> is the best language.</p>
				</div>
			</div>
			<div class="col-md-4 gurke" style="background-color:rgb(236, 173, 173)">
				<h1>Bolbert</h1>
				<img class="impostor-image" src="https://nsfw.cringe-studios.com/blobert.webp" alt="JulianB" width="50%" style="border-radius: 50%;" /><br />
				<br />
				<div class="article">
					<p>Alias: <b><code>Blobert</code></b></p>
					<p>Github Page: <a href="https://github.com/JDobeshow" target="_blank">Julian;</a></p>			
					<b>Favorites:</b>
					<ul>
						<li>Favorite Operating System: Arch Lin<img src="https://nsfw.cringe-studios.com/sus.png" style="display:inline; vertical-align: middle;" height="20" alt="sus" title="sus" /></li>
						<li>Hobby: Appreciating Memes on the internet</li>
						<li>Favorite Song: Shrek opening song (All Star vong Smash Mouth her)</li>
					</ul>
					<p>Pronoun: <code>something</code></p>
					<p>Brainfuck is the best language.</p>
				</div>
			</div>
		</div>
	</div>
	<br/>
	<div class="container">
		<div class="row">
			<div class="col-sm-12 leftRight">
				<div class="article">
					<h1>Projects</h1>
					<b>Cringe Studios Github: <a href="https://github.com/CringeStudios" target="_blank">Cringe Studios;</a></b>
					<ul>
						<li><a href="https://github.com/CringeStudios/cringe-studios.com" target="_blank">Cringe Studios Website</a></li>
						<li>Secret Reichstag</li>
						<li>Shitty Auth Launcher</li>
						<li>Kek Engine</li>
						<li>Kekman</li>
						<li>KekPong</li>
						<li>Cringe Renderer</li>
						<li><a href="https://ඞ.cringe-studios.com/%EF%BC%8F%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BC%E1%B2%BCsus" target="_blank">Infinite Sus</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-sm-12 rightLeft">
				<div class="article">
					<h1>Honorable Mentions</h1>
					<ul>
						<li><a href="https://github.com/Palme11100" target="_blank">JonasD</a></li>
						<li><a href="https://github.com/Akito123321" target="_blank">Akito123321</a></li>
						<li>350gHackBitte</li>
						<li>Otto</li>
						<li>Keklasini</li>
					</ul>
				</div>
			</div>	
		</div>
		<div>
			<div class="row">
				<div class="col-sm-12 upDown">
					<div class="article">
						<h3>In Memroy of</h1>
						<ul>
							<li>Axel Geilmann</li>
						</ul>
					</div>
				</div>	
			</div>
		</div>
	</div>
	<div class="container">
		<div class="row">
			<div class="col">
				<a href="https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1" target="_blank"><img class="video" src="https://nsfw.cringe-studios.com/Screenshot_2022-04-15_at_17-35-26_g__Official_Website.jpg" alt="Rick Roll" title="Rick Roll"/></a>
				<!--<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>-->
			</div>
		</div>
	</div>
	<div class="container">
		<div class="row">
			<div class="col">	
				<form action="index.php" method="post">
					<label for="fName">First Name</label><br />
					<input type="text" name="fName" /><br />
					<label for="lName">Last Name</label><br />
					<input type="text" name="lName" /><br />
					<input type="submit" style="margin:5px"/>
				</form>
			</div>
		</div>
	</div>
	<h6><b style="background-color:red; color:yellow;"><?php include("visitor_counter.php"); echo IncrementCounter(); ?></b> People visited us so far!</h6>
	<footer>
		&copy; Cringe Studios
	</footer>
</body>
</html>