cringe-studios.com/index.html
MrLetsplay 77b43a9b92 added background image to last iframe
Co-authored-by: Julian; <JDobeshow@users.noreply.github.com>
2022-04-19 20:35:15 +02:00

320 lines
9.9 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>
html{
overflow-x: hidden;
}
body {
text-align: center;
font-family: 'Courier';
overflow-x: hidden;
padding-top: 10px;
background-color:yellow;
position:relative;
}
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: 100%;
}
.blinking {
animation: blink 1s infinite linear;
}
iframe {
background: url("https://nsfw.cringe-studios.com/wtf.png"), linear-gradient(rgb(255,0,0), rgb(0,255,0));
}
@keyframes blink {
50% {
background-color:yellow;
color:red;
}
}
@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>
<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>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>
<iframe id="cringe-frame" title="Recursion" src="https://cringe-studios.com/?poop" style="width:100%; height:800px; border:0px"></iframe>
<h6><b class="blinking" style="background-color:red; color:yellow">This site has been visited <?php include("visitor_counter.php"); echo IncrementCounter(); ?> times</b></h6>
<footer>
&copy; Cringe Studios
</footer>
<script>
let search = window.location.search;
let q = search != "" ? parseInt(search.substring(1)) : 0;
if(q <= 20) {
let frame = document.getElementById("cringe-frame");
frame.src = "https://cringe-studios.com/?" + (q + 1) + "#cringe-frame";
}
</script>
</body>
</html>