141 lines
4.3 KiB
HTML
141 lines
4.3 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
|
|
<title>Cliques!</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="header">
|
||
|
|
<center>
|
||
|
|
|
||
|
|
</center>
|
||
|
|
</div>
|
||
|
|
<center>
|
||
|
|
<h2
|
||
|
|
style="background-color: white; width:750px;"
|
||
|
|
>
|
||
|
|
<a href="/homepage.html">HOME</a> | <a href="/homepage">BACK HOME</a>
|
||
|
|
</h2>
|
||
|
|
</center>
|
||
|
|
<div class="container">
|
||
|
|
<p><center><h1></center><br>
|
||
|
|
|
||
|
|
<center>Welcome to Galactic Cliques! These are a small-but-growing list of internet cliques to join. :)<br><br>
|
||
|
|
|
||
|
|
<strong>What's a clique??</strong><br>A clique is a list of people who put a code on their site that shows off something they like, something about them, something dear to them, etc. See <a href="https://cliqued.wings.nu/">cliqued</a> for more!</strong> For ours, you can claim something even if someone else has already claimed it.
|
||
|
|
<br>
|
||
|
|
|
||
|
|
<br>
|
||
|
|
|
||
|
|
Current cliques:<br>
|
||
|
|
<b> The Alien In Me</b> - What fictional alien would you be? Claim one!<br>
|
||
|
|
<br><br>Are you a fan of Star Trek or Star Wars, or something similar? Do you have a favorite kind of alien? Show off your love for them with this clique!
|
||
|
|
<br><br>
|
||
|
|
🛸 If I was in <a href="https://alien.hospital/clique">[source media name]</a>, I'd be a(n) [alien type]. 🛸 <br>
|
||
|
|
<textarea rows="3" cols="20">🛸 If I was in <a href="https://alien.hospital/clique">[source media name]</a>, I'd be a(n) [alien type]. 🛸</textarea><br><br>Example:<br>🛸 If I was in <a href="https://alien.hospital/clique">Star Trek</a>, I'd be a Caitian. 🛸<br><br>
|
||
|
|
<b> Additional Tags</b> - What AO3 tag would you be?<br><br>If you have a favorite fanfiction trope, concept, tag, etc, it can become your tag!<br><br>
|
||
|
|
<img src="https://file.garden/ZRcocrUQNGkxIJor/ao3e.png"> Additional <a href="https://alien.hospital/clique">Tags:</a> [tag]<br><textarea rows="3" cols="20"> <img src="https://file.garden/ZRcocrUQNGkxIJor/ao3e.png"> Additional <a href="https://alien.hospital/clique">Tags:</a> [tag]</textarea><br><br>
|
||
|
|
Example:<br> <img src="https://file.garden/ZRcocrUQNGkxIJor/ao3e.png"> Additional <a href="https://alien.hospital/clique">Tags:</a> Character Study
|
||
|
|
</center>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
background-image: url('https://file.garden/ZRcocrUQNGkxIJor/flowr1.jpg');
|
||
|
|
font-family: Monospace;
|
||
|
|
font-size: 19px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.info {
|
||
|
|
position: absolute;
|
||
|
|
overflow: scroll;
|
||
|
|
border: 3px yellow double;
|
||
|
|
width: 550px;
|
||
|
|
background-color: #fff;
|
||
|
|
height: 90px;
|
||
|
|
margin-left: 100px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.clown {
|
||
|
|
top:0px;
|
||
|
|
left: 0px;
|
||
|
|
position:absolute;
|
||
|
|
height:90px;
|
||
|
|
}
|
||
|
|
.charlyy {
|
||
|
|
top:0px; right: 0px;
|
||
|
|
position:absolute;
|
||
|
|
}
|
||
|
|
.longbox {
|
||
|
|
position: absolute;
|
||
|
|
overflow: scroll;
|
||
|
|
border: 3px yellow double;
|
||
|
|
width: 550px;
|
||
|
|
background-color: #fff;
|
||
|
|
height: 350px;
|
||
|
|
margin-top: 320px;
|
||
|
|
margin-left: 100px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.firstbox {
|
||
|
|
position: absolute;
|
||
|
|
overflow: hidden;
|
||
|
|
border: 3px yellow double;
|
||
|
|
width: 310px;
|
||
|
|
height: 250px;
|
||
|
|
margin-left: 50px;
|
||
|
|
margin-top: 50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.two {
|
||
|
|
position: absolute;
|
||
|
|
overflow: scroll;
|
||
|
|
border: 3px yellow double;
|
||
|
|
width: 310px;
|
||
|
|
background-color: #fff;
|
||
|
|
height: 250px;
|
||
|
|
margin-left: 390px;
|
||
|
|
margin-top: 50px;
|
||
|
|
}
|
||
|
|
.container {
|
||
|
|
background-color: white;
|
||
|
|
width: 780px;
|
||
|
|
height: 780px;
|
||
|
|
overflow: scroll;
|
||
|
|
border: 15px double white;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.boxybox{
|
||
|
|
background: #fff;
|
||
|
|
width: 350px;
|
||
|
|
height: 490px;
|
||
|
|
border: 3px yellow double;
|
||
|
|
position: absolute;
|
||
|
|
padding: 1%;
|
||
|
|
overflow: scroll;
|
||
|
|
left: 390px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.factboxy {
|
||
|
|
background: #fff;
|
||
|
|
width: 300px;
|
||
|
|
height: 490px;
|
||
|
|
border: 3px yellow double;
|
||
|
|
position: absolute;
|
||
|
|
padding: 1%;
|
||
|
|
overflow: scroll;
|
||
|
|
right:390px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: blue;
|
||
|
|
text-shadow: 3px 3px 3px lightblue;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</html>
|