Initial commit
This commit is contained in:
commit
2ba765c572
5 changed files with 403 additions and 0 deletions
40
404.html
Normal file
40
404.html
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<title>Page not found - meow.company</title>
|
||||
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header aria-hidden="true" class="bc-magenta c-black">
|
||||
<span> ~</span>
|
||||
<span>
|
||||
-
|
||||
□
|
||||
<span class="bc-red"> X </span>
|
||||
</span>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<center>
|
||||
<p>Error (404): Page not found.</p>
|
||||
|
||||
<br>
|
||||
|
||||
<a class="uppercase" href="/"> Go home </a>
|
||||
</center>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
</main>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
88x31.png
Normal file
BIN
88x31.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
88x31.xcf
Normal file
BIN
88x31.xcf
Normal file
Binary file not shown.
171
index.html
Normal file
171
index.html
Normal file
|
|
@ -0,0 +1,171 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<meta property="og:site_name" content="meow.company">
|
||||
<meta property="og:title" content="Home">
|
||||
<meta property="og:description" content="pancakes' corner of the internet">
|
||||
<meta property="og:url" content="https://meow.company">
|
||||
<title>~ - meow.company</title>
|
||||
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header aria-hidden="true" class="bc-magenta c-black">
|
||||
<span> ~</span>
|
||||
<span>
|
||||
-
|
||||
□
|
||||
<span class="bc-red"> X </span>
|
||||
</span>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<p aria-hidden="true">
|
||||
<span class="c-green">~</span>>
|
||||
<span class="c-blue">meowfetch</span>
|
||||
</p>
|
||||
|
||||
<div class="fetch">
|
||||
<section aria-hidden="true" id="icon">
|
||||
<strong>
|
||||
<pre><code class="c-magenta"> ^
|
||||
/o\
|
||||
oOo
|
||||
__ oOo __
|
||||
\oO\_ oOo _/Oo/
|
||||
\ooOO\_ oOo _/OOoo/
|
||||
`\oooOO\_ oOo _/OOooo/`
|
||||
`\ooOOO\__ oOo __/OOOoo/`
|
||||
\oooOOOO\_ _/OOOOooo/
|
||||
`\ooOOOO\ /^\ /OOOOoo/`
|
||||
``\OOO {0} OOO/``
|
||||
\v/
|
||||
/OO\ /OO\
|
||||
/oOOOO> <OOOOo\
|
||||
/ooOOO/` `\OOOoo\
|
||||
/ooOO/` `\OOoo\
|
||||
/oOOO/` `\OOOo\
|
||||
/oO/`` ``\Oo\
|
||||
//`` ``\\</code></pre>
|
||||
</strong>
|
||||
|
||||
<br>
|
||||
</section>
|
||||
|
||||
<span aria-hidden="true"> </span>
|
||||
|
||||
<section id="links">
|
||||
<p>
|
||||
<strong class="c-magenta">
|
||||
meow.company
|
||||
</strong>
|
||||
</p>
|
||||
|
||||
<p aria-hidden="true">
|
||||
<strong class="c-white">
|
||||
------------
|
||||
</strong>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<strong class="c-magenta">
|
||||
OS:
|
||||
</strong>
|
||||
Debian GNU/Linux 12 (bookworm)
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<strong class="c-magenta">
|
||||
Host:
|
||||
</strong>
|
||||
<a href="https://pancakes.gay" target="_blank">pancakes</a>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<strong class="c-magenta">
|
||||
Contact:
|
||||
</strong>
|
||||
<a href="https://shrimp.meow.company/@pancakes" target="_blank">@pancakes@meow.company</a>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<strong class="c-magenta">
|
||||
Server Location:
|
||||
</strong>
|
||||
Australia/Melbourne
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<strong class="c-magenta">
|
||||
Local Time:
|
||||
</strong>
|
||||
<time id="mlbtime"></time>
|
||||
</p>
|
||||
|
||||
<br>
|
||||
|
||||
<p>
|
||||
<strong class="c-magenta">
|
||||
AodeRelay:
|
||||
</strong>
|
||||
<a href="https://relay.meow.company" target="_blank">relay.meow.company</a>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<strong class="c-magenta">
|
||||
Iceshrimp.NET:
|
||||
</strong>
|
||||
<a href="https://shrimp.meow.company" target="_blank">shrimp.meow.company</a>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<strong class="c-magenta">
|
||||
Send:
|
||||
</strong>
|
||||
<a href="https://send.meow.company" target="_blank">send.meow.company</a>
|
||||
</p>
|
||||
|
||||
<br>
|
||||
|
||||
<div aria-hidden="true" class="colors">
|
||||
<span class="bc-black"> </span><span class="bc-red"> </span><span
|
||||
class="bc-green"> </span><span class="bc-yellow"> </span><span
|
||||
class="bc-blue"> </span><span class="bc-magenta"> </span><span
|
||||
class="bc-cyan"> </span><span class="bc-white"> </span>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<p aria-hidden="true">
|
||||
<span class="c-green">~</span>>
|
||||
</p>
|
||||
|
||||
<br>
|
||||
</main>
|
||||
|
||||
<script>
|
||||
const mlbtime = document.getElementById("mlbtime");
|
||||
|
||||
function updateTime() {
|
||||
mlbtime.setAttribute("datetime", "");
|
||||
mlbtime.innerText = Intl.DateTimeFormat(
|
||||
navigator.language ?? "en",
|
||||
{ timeStyle: "long", timeZone: "Australia/Melbourne" },
|
||||
).format(Date.now());
|
||||
}
|
||||
|
||||
setInterval(function () {
|
||||
updateTime();
|
||||
}, 5000);
|
||||
updateTime();
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
192
style.css
Normal file
192
style.css
Normal file
|
|
@ -0,0 +1,192 @@
|
|||
:root {
|
||||
color-scheme: light dark;
|
||||
|
||||
--fixedwidth: 768px;
|
||||
|
||||
--foreground: light-dark(#343b58, #a9b1d6);
|
||||
--background: light-dark(#d5d6db, #1a1b26);
|
||||
|
||||
--black: light-dark(#32344a, #444b6a);
|
||||
--red: light-dark(#f7768e, #ff7a93);
|
||||
--green: light-dark(#9ece6a, #b9f27c);
|
||||
--yellow: light-dark(#e0af68, #ff9e64);
|
||||
--blue: light-dark(#7aa2f7, #7da6ff);
|
||||
--magenta: light-dark(#ad8ee6, #bb9af7);
|
||||
--cyan: light-dark(#449dab, #0db9d7);
|
||||
--white: light-dark(#787c99, #acb0d0);
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--black);
|
||||
color: var(--foreground);
|
||||
|
||||
font-family: monospace;
|
||||
font-size: larger;
|
||||
}
|
||||
|
||||
header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: fit-content;
|
||||
width: 100%;
|
||||
max-width: var(--fixedwidth);
|
||||
}
|
||||
|
||||
main {
|
||||
background-color: var(--background);
|
||||
width: fit-content;
|
||||
width: 100%;
|
||||
max-width: var(--fixedwidth);
|
||||
}
|
||||
|
||||
.fetch {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.uppercase {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--blue);
|
||||
|
||||
text-underline-offset: 0.25em;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:visited:hover {
|
||||
background-color: var(--blue);
|
||||
color: var(--black);
|
||||
text-decoration-color: var(--blue);
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: var(--blue);
|
||||
}
|
||||
|
||||
pre {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
margin: 0;
|
||||
|
||||
font-size: inherit;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
h1::before {
|
||||
content: "# ";
|
||||
}
|
||||
|
||||
h2::before {
|
||||
content: "## ";
|
||||
}
|
||||
|
||||
h3::before {
|
||||
content: "### ";
|
||||
}
|
||||
|
||||
h4::before {
|
||||
content: "#### ";
|
||||
}
|
||||
|
||||
h5::before {
|
||||
content: "##### ";
|
||||
}
|
||||
|
||||
h6::before {
|
||||
content: "###### ";
|
||||
}
|
||||
|
||||
.colors span {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.bc-black {
|
||||
background-color: var(--black);
|
||||
}
|
||||
|
||||
.c-black {
|
||||
color: var(--black);
|
||||
}
|
||||
|
||||
.bc-red {
|
||||
background-color: var(--red);
|
||||
}
|
||||
|
||||
.c-red {
|
||||
color: var(--red);
|
||||
}
|
||||
|
||||
.bc-green {
|
||||
background-color: var(--green);
|
||||
}
|
||||
|
||||
.c-green {
|
||||
color: var(--green);
|
||||
}
|
||||
|
||||
.bc-yellow {
|
||||
background-color: var(--yellow);
|
||||
}
|
||||
|
||||
.c-yellow {
|
||||
color: var(--yellow);
|
||||
}
|
||||
|
||||
.bc-blue {
|
||||
background-color: var(--blue);
|
||||
}
|
||||
|
||||
.c-blue {
|
||||
color: var(--blue);
|
||||
}
|
||||
|
||||
.bc-magenta {
|
||||
background-color: var(--magenta);
|
||||
}
|
||||
|
||||
.c-magenta {
|
||||
color: var(--magenta);
|
||||
}
|
||||
|
||||
.bc-cyan {
|
||||
background-color: var(--cyan);
|
||||
}
|
||||
|
||||
.c-cyan {
|
||||
color: var(--cyan);
|
||||
}
|
||||
|
||||
.bc-white {
|
||||
background-color: var(--white);
|
||||
}
|
||||
|
||||
.c-whites {
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
.fetch {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#icon {
|
||||
overflow-x: scroll;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue