cringe-studios.com/index.html

251 lines
7.8 KiB
HTML
Raw Normal View History

<!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;
}
.video {
2022-04-09 12:55:18 +02:00
animation: rickRoll 1s infinite ease;
}
@keyframes rickRoll {
50% {
2022-04-09 12:55:18 +02:00
transform: translateX(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>
<header><h1>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>
2022-04-15 16:47:19 +02:00
<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>
2022-04-15 18:28:51 +02:00
<p>Pronoun: <code>possibly</code></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>
2022-04-15 16:47:19 +02:00
<p>Github Page: <a href="https://github.com/JDobeshow" target="_blank">Julian;</a></p>
2022-04-15 16:28:09 +02:00
<b>Favorites:</b>
<ul>
2022-04-15 16:52:22 +02:00
<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>
2022-04-15 16:38:03 +02:00
<li>Hobby: Appreciating Memes on the internet</li>
2022-04-15 16:28:09 +02:00
<li>Favorite Song: Shrek opening song (All Star vong Smash Mouth her)</li>
</ul>
2022-04-15 18:28:51 +02:00
<p>Pronoun: <code>Something</code></p>
2022-04-15 16:47:19 +02:00
<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>
2022-04-09 13:16:48 +02:00
<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="container">
<div class="row video">
<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>
2022-04-15 16:30:32 +02:00
<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>
<footer>
&copy; Cringe Studios
</footer>
</body>
</html>