added being.pet landing page
This commit is contained in:
parent
b969cec1af
commit
bc60fdb935
|
@ -0,0 +1,58 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="pspsps we'll give you headpats">
|
||||||
|
<meta name="vprw:uptime" content="0:47">
|
||||||
|
<meta name="trans:rights" content="human-rights">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<title>Do YOU like being pet???</title>
|
||||||
|
<link rel="stylesheet" href="style.css?a=1">
|
||||||
|
<meta name="you" content="cute">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<section>
|
||||||
|
<header><h2>cd ~pets</h2></header>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<header><h2># hey do you wanna be pet??</h2></header>
|
||||||
|
<p>
|
||||||
|
oh you came to the right place actually!
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
sorry if this page doesn't look professional at all, i suck at web design,
|
||||||
|
but if you want to have a subdomain like <code>${NAME}.likes.being.pet</code> or
|
||||||
|
<code>${NAME}.is.being.pet</code> or similar, you can ask me for one!
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
just make sure that you have a webserver already, i'm only giving subdomains!
|
||||||
|
in some <b>really</b> rare cases i could also host a page, but don't ask me for that -v-
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<header><h2>howdoi get pet</h2></header>
|
||||||
|
<p>
|
||||||
|
you can contact me <a href="https://kc.is.being.pet/#connections" target="_blank" rel="noopener noreferrer">here</a> and
|
||||||
|
ask me for one! just make sure that your page follows some rules
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<header><h2>cat ./rules.txt</h2></header>
|
||||||
|
<ul>
|
||||||
|
<li>don't be a pipi</li>
|
||||||
|
<li>respect others</li>
|
||||||
|
<li>no illegal stuff (especially in RU! sorry that's where domain and server is located)</li>
|
||||||
|
<li>meow meow mrrp meow</li>
|
||||||
|
<li>/';.;l,lmojnuhgtyfrtdrewswqqqqqaqqqqqqqqqqqqqqqq'</li>
|
||||||
|
<li>sorry my cat walked over the keyboard</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
<!-- i am a glass of water -->
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,79 @@
|
||||||
|
@font-face {
|
||||||
|
font-family: "Terminus";
|
||||||
|
src: url("/f/TerminusTTF.ttf");
|
||||||
|
font-display: optional;
|
||||||
|
}
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
html, body {
|
||||||
|
background-color: #2a2629;
|
||||||
|
color: #f2f1d6;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
font-size: 16px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
code {
|
||||||
|
white-space: pre;
|
||||||
|
}
|
||||||
|
* {
|
||||||
|
font-family: "Terminus (TTF)", "Terminus";
|
||||||
|
font-smooth: never;
|
||||||
|
}
|
||||||
|
main {
|
||||||
|
width: 640px;
|
||||||
|
margin: 16px auto;
|
||||||
|
margin-bottom: 100px;
|
||||||
|
}
|
||||||
|
.faint {
|
||||||
|
color: #605951;
|
||||||
|
}
|
||||||
|
a.faint {
|
||||||
|
cursor: not-allowed;
|
||||||
|
}
|
||||||
|
section {
|
||||||
|
width: 100%;
|
||||||
|
border-left: 2px solid #4a3535;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
section p {
|
||||||
|
margin: 8px 16px;
|
||||||
|
}
|
||||||
|
header {
|
||||||
|
width: 100%;
|
||||||
|
background: #4a3535;
|
||||||
|
}
|
||||||
|
header h2 {
|
||||||
|
margin: 0;
|
||||||
|
padding: 2px 0px 2px 16px;
|
||||||
|
color: #9f714a;
|
||||||
|
}
|
||||||
|
header h2::before {
|
||||||
|
content: ">\a0";
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
table {
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
td, th {
|
||||||
|
padding: 0px 0px 0px 16px;
|
||||||
|
text-align: left;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
tr:hover {
|
||||||
|
background: #4a3535;
|
||||||
|
}
|
||||||
|
a, a:visited { color: #9f714a; }
|
||||||
|
ul {
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
li::before {
|
||||||
|
content: "> ";
|
||||||
|
}
|
||||||
|
@media (max-width: 640px) {
|
||||||
|
main {
|
||||||
|
width: 100%;
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,100 @@
|
||||||
|
/* vim: ft=css:ts=2:sw=2
|
||||||
|
*/
|
||||||
|
@font-face {
|
||||||
|
font-family: "Terminus";
|
||||||
|
src: url("/f/TerminusTTF.ttf");
|
||||||
|
font-display: optional;
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
background-color: THEME_BG;
|
||||||
|
color: THEME_FG;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
font-size: 16px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
code {
|
||||||
|
white-space: pre;
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
font-family: "Terminus (TTF)", "Terminus";
|
||||||
|
font-smooth: never;
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
width: 640px;
|
||||||
|
margin: 16px auto;
|
||||||
|
margin-bottom: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.faint {
|
||||||
|
color: THEME_FG_FAINT;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.faint {
|
||||||
|
cursor: not-allowed;
|
||||||
|
}
|
||||||
|
|
||||||
|
section {
|
||||||
|
width: 100%;
|
||||||
|
border-left: 2px solid THEME_BORDER;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section p {
|
||||||
|
margin: 8px 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
width: 100%;
|
||||||
|
background: THEME_BORDER;
|
||||||
|
}
|
||||||
|
|
||||||
|
header h2 {
|
||||||
|
margin: 0;
|
||||||
|
padding: 2px 0px 2px 16px;
|
||||||
|
color: THEME_HIGHLIGHT;
|
||||||
|
}
|
||||||
|
|
||||||
|
header h2::before {
|
||||||
|
content: ">\a0";
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
td, th {
|
||||||
|
padding: 0px 0px 0px 16px;
|
||||||
|
text-align: left;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
tr:hover {
|
||||||
|
background: THEME_BORDER;
|
||||||
|
}
|
||||||
|
|
||||||
|
a, a:visited { color: THEME_HIGHLIGHT; }
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
li::before {
|
||||||
|
content: "> ";
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 640px) {
|
||||||
|
main {
|
||||||
|
width: 100%;
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue