269 lines
8.6 KiB
HTML
269 lines
8.6 KiB
HTML
<!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 {
|
||
animation: rickRoll 1s infinite ease;
|
||
}
|
||
|
||
@keyframes rickRoll {
|
||
50% {
|
||
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 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: ⏢™</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 🥖</li>
|
||
<li>Favorite Video Game: Amogus</li>
|
||
<li>Favorite Discord Bot: <a href="https://graphite-official.com">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 class="row">
|
||
<div class="col-sm-12 rightLeft">
|
||
<div class="article">
|
||
<h2>In Memroy of</h1>
|
||
<ul>
|
||
<li><a href="https://github.com/Palme11100" target="_blank">Axel Geilmann</a></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>
|
||
<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>
|
||
© Cringe Studios
|
||
</footer>
|
||
</body>
|
||
</html>
|