added being.pet landing page
This commit is contained in:
parent
b969cec1af
commit
bc60fdb935
GPG Key ID:
F0F6CFE11CDB0960
|
|
@ -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